2021-05-06 通过vertical-align实现垂直居中效果并修复图片底部3px间隙问题
发布时间
阅读量：
阅读量
vertical-align属性可用于为块级元素设定垂直对齐方式，若目标元素并非行内块类型，则需首先将其转换为行内块元素
示例:
<style>
img {
/* img已经是行内块元素 */
vertical-align: middle;
}
span {
display: inline-block;
vertical-align: middle;
}
</style>
<body>
<img src="images/10.jpg" alt="" width="200px" height="200px">
<span>我是垂直居中文本</span>
<img src="images/11.jpg" alt="" width="300px" height="400px">
</body>
全部评论 (0)
还没有任何评论哟~