CSS圖片高度設(shè)置方法

在CSS中，我們可以使用height屬性來設(shè)置圖片的高度，這個(gè)屬性可以定義圖片在垂直方向上的尺寸，下面是一些關(guān)于如何設(shè)置圖片高度的示例：

1、***高度：

如果你知道圖片的確切高度，可以使用***高度來設(shè)置，如果你想要圖片的高度為200像素，可以這樣寫：

img {
  height: 200px;
}

2、相對(duì)高度：

如果你想要圖片的高度相對(duì)于其容器的高度，可以使用相對(duì)高度，如果你想要圖片的高度為容器高度的50%，可以這樣寫：

img {
  height: 50%;
}

3、自動(dòng)高度：

如果你想要圖片的高度根據(jù)其內(nèi)容自動(dòng)調(diào)整，可以將其設(shè)置為自動(dòng)高度。

img {
  height: auto;
}

需要注意的是，如果圖片的高度和寬度都未定義，或者只定義了其中一個(gè)，那么另一個(gè)維度將根據(jù)其原始比例自動(dòng)調(diào)整，如果你想要保持圖片的原始比例，建議同時(shí)定義高度和寬度。