📜  高度 img html (1)

📅  最后修改于: 2023-12-03 15:42:32.553000             🧑  作者: Mango

高度 img html

在 HTML 中,要调整图像(image)的高度可以使用 height 属性。该属性用于指定图像的显示高度,单位可以是像素(px)、百分比(%)或其他一些 CSS 单位。

使用像素(px)指定高度
<img src="example.jpg" alt="Example Image" height="200px">

以上代码将把 example.jpg 显示出来,并且高度为 200 像素。注意 height 属性的单位为 px 而不是只写数字。

使用百分比(%)指定高度
<img src="example.jpg" alt="Example Image" height="50%">

以上代码将把 example.jpg 显示出来,并且高度为浏览器窗口高度的一半。如果要指定宽度的百分比,则需要同时指定 width 属性。

使用 CSS 单位指定高度
<img src="example.jpg" alt="Example Image" style="height: 10em;">

style 属性中使用 CSS 单位可以更加灵活地指定图像高度。如上代码将把 example.jpg 显示出来,并且高度为 10 个字体高度(em)。

总结

以上是使用 HTML 调整图像高度的三种方式,即使用像素、百分比和 CSS 单位。其中像素单位的比较直观,百分比可以自适应窗口大小,CSS 单位则可以更加灵活地指定高度。