CSS圖片垂直居中
阿新 • • 發佈:2019-01-24
src ble class fff mage ges lap images png
<ul class="imgWrap clearfix">
<li>
<a href="/" class="imgBox"
><span></span><img src="./images/logo.png" alt="terwer"
/></a>
</li>
</ul>
.imgWrap li { float: left; border: none; margin: 10px 10px 0 0; list-style: none; border-collapse: collapse; } .imgWrap a { display: table-cell; /*圖片容器以表格的單元格形式顯示*/ text-align: center; /* 實現水平居中 */ vertical-align: middle; /*實現垂直居中*/ } .imgWrap a:hover { background-color: #fff; } .imgWrap img { border: none; vertical-align: middle; /*圖片垂直居中*/ }
CSS圖片垂直居中