图片垂直居中 和 float

时间：2022-02-24 15:55:36

//图片垂直居中, display:table-cell; vertical-align:middle;   不能和 css (float)元素共存,可以在元素外面多加一个层

css

.th-left li{ float:left;   margin: 20px 20px 0 0; }

.th-left li a{width:120px; height: 60px; border-radius: 10px; border:1px solid #d6d6d6;text-align: center; display: table-

cell;vertical-align: middle; } 

html:

<div class="th-left">

     <ul>

         <li><a href=""><img src="img/logo2.jpg"></a></li>

         <li><a href=""><img src="img/logo5.jpg"></a></li>

         <li><a href=""><img src="img/logo12.jpg"></a></li>

     </ul>

</div>

相关文章