让图片在div里垂直居中

要在HTML的div元素中垂直居中一张图片，可以使用CSS的定位和变换技术来实现。以下是一个常见的方法：

1. 将div设置为相对定位（`position: relative;`），这样可以作为图片绝对定位的参考。
2. 将图片设置为绝对定位（`position: absolute;`），并将其在div内的位置设定为居中。
3. 使用`top: 50%;`和`left: 50%;`将图片移动到div的中心。
4. 应用`transform: translate(-50%, -50%);`来调整图片的位置，使其精确居中。

下面是一个CSS样例代码：

div {
    position: relative;
    height: 100px; /* 或者是其他你想要的高度 */
}

img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

HTML部分：

<div>
    <img src="path_to_your_image.jpg" alt="图片描述">
</div>

通过上述方法，图片可以在div元素中垂直居中显示。