居中小笔记14

最新推荐文章于 2024-09-24 11:22:03 发布

HcwDavid12

最新推荐文章于 2024-09-24 11:22:03 发布

阅读量110

点赞数

文章标签： html

本文链接：https://blog.csdn.net/hcwdavid12/article/details/108821730

版权

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>