img标签图片固定位置

`<img>` 标签通常用于在网页上显示图像，并默认按照页面布局自动放置。如果你想要让图片保持固定的垂直或水平位置，可以借助CSS来实现。以下是一些常用的方法：

1. **绝对定位** (`position: absolute;`)：给图片元素设置 `position: absolute;`，然后指定 `top`, `right`, `bottom`, 或 `left` 属性来控制它相对于其最近的非静态定位祖先的位置。

<div style="position: relative;">
   <img src="your-image.jpg" alt="..." style="position: absolute; top: 50px; left: 50px;">
</div>

2. **固定定位** (`position: fixed;`)：适合于全屏背景图或者需要始终位于视口内的图片。设置了固定定位的图片会相对于浏览器窗口定位。

<img src="your-image.jpg" alt="..." style="position: fixed; top: 0; right: 0;">

3. **使用CSS Grid 或 Flexbox**：你可以创建一个包含图片的容器，然后使用 CSS Grid 或 Flexbox 来设置行、列布局，使得图片占据特定区域。

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}

.grid-item {
  grid-row: 1 / span 2;
}

配合 HTML:

<div class="container">
  <img src="your-image.jpg" alt="..." class="grid-item">
</div>