div {
width: 500px;
height: 500px;
border: 2px solid red;
text-align: center;
}
/* 在div中插入一个元素作为参照物,img以参照物准设置vertical-align: middle */
div::after{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
img {
vertical-align: middle;
}
<div>
<img src="https://5b0988e595225.cdn.sohucs.com/images/20190222/0aa4dc7d21aa469f9bb39e0b96616da6.gif" alt="">
</div>
居中小笔记14
最新推荐文章于 2024-10-08 17:26:50 发布