DIV中图片绝对居中方法

时间:2022-07-18 06:21:05

因为图片居中问题请教了一个专这方面的朋友

顺便把代码记录一下


样式

.g-i-v-m .i{display:table-cell;vertical-align:middle;font-family:simsun; width:160px;height:160ox}
.g-i-v-m .i img{vertical-align:middle}
.g-i-v-m .ibox{text-align:center}


DIV


<div class="g-i-v-m">

<ul>

<li>

<div class="ibox"><a href="javascript:" class="i"><img src="图片"></a></div>

<p>标题</p>

</li>

</ul>

</div>


使用中发现不知道为什么在做的模板里那个样式冲突,后来在.g-i-v-m .i这个CLASS加多一句*font-size:160px; 

解决此问题。

研究发现原来他们是用字体来定义绝对居中的。