图片垂直居中css写法兼容ie6
(编辑:jimmy 日期: 2024/11/17 浏览: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下图片下方有空间距的多种解决方法