📅  最后修改于: 2023-12-03 15:42:32.553000             🧑  作者: Mango
在 HTML 中,要调整图像(image)的高度可以使用 height
属性。该属性用于指定图像的显示高度,单位可以是像素(px)、百分比(%)或其他一些 CSS 单位。
<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
属性。
<img src="example.jpg" alt="Example Image" style="height: 10em;">
在 style
属性中使用 CSS 单位可以更加灵活地指定图像高度。如上代码将把 example.jpg
显示出来,并且高度为 10 个字体高度(em)。
以上是使用 HTML 调整图像高度的三种方式,即使用像素、百分比和 CSS 单位。其中像素单位的比较直观,百分比可以自适应窗口大小,CSS 单位则可以更加灵活地指定高度。