HTML 图片大小和位置设置：完整指南

您可以使用 CSS 来设置图片的大小和位置。以下是一些示例代码：

设置图片大小：

<img src='image.jpg' style='width: 300px; height: 200px;'>

这将使图片的宽度为 300 像素，高度为 200 像素。

按比例缩放图片：

<img src='image.jpg' style='max-width: 100%; height: auto;'>

这将使图片自适应其容器的大小，并保持其宽高比。

设置图片位置：

<div style='position: relative;'>
  <img src='image.jpg' style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'>
</div>

这将使图片在其父元素中居中对齐。position: absolute 将图片从文档流中移除并使其相对于其父元素定位。top: 50% 和 left: 50% 将图片的左上角放置在其父元素的中心。transform: translate(-50%, -50%) 将图片向上和向左移动，使其居中对齐。