css實現垂直居中小技巧


<ul>
<li><span>爽口涼菜</span></li>
<li><span>半成品</span></li>
<li><span>飯類</span></li>
</ul>

要實現的效果是這樣的

方法

ul li{
display
:table;
}
ul li span
{
display
:table-cell;
vertical-align
:middle;
text-align
:center;
}

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: