图片垂直居中css写法兼容ie6
(编辑：jimmy 日期: 2024/11/26 浏览：3 次 )
头胀胀的，看不下东西做不下事，那就写朵随笔吧。
图片垂直居中，原理应该就是，其实我也不知道。
手上两种方法，异曲同工，但是都兼容ie6的。
复制代码代码如下:
<div class="imgBox">
<img src="/UploadFiles/2021-03-30/T1mN1tXs0jXXb1upjX.jpg"><i></i>
</div>
.imgBox{ width:100%;height:400px; border:1px solid red;}
.imgBox img,.imgBox i{display:inline-block; vertical-align:middle;}
.imgBox i{height:100%}
图片垂直居中，原理应该就是，其实我也不知道。
手上两种方法，异曲同工，但是都兼容ie6的。
复制代码代码如下:
<div class="imgBox">
<img src="/UploadFiles/2021-03-30/T1mN1tXs0jXXb1upjX.jpg"><i></i>
</div>
.imgBox{ width:100%;height:400px; border:1px solid red;}
.imgBox img,.imgBox i{display:inline-block; vertical-align:middle;}
.imgBox i{height:100%}
下一篇：IE6下图片下方有空间距的多种解决方法