照片竖直垂直居中css写法适配ie6

日期:2020-12-13 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

头胀胀的,看不下物品做不下事,那就写朵随笔吧。
照片竖直垂直居中,基本原理应当便是,实际上我也不知道道。
手上两种方式,如出一辙,可是都适配ie6的。

拷贝编码
编码以下:

<div class="imgBox">
<img src="http://i.mmcdn.cn/simba/img/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%}