页面原始效果:
这个页面不怎么好看哈。色块item高度不统一,并且没有垂直居中!
大致框架代码如下:
<li><a style="" href="#"><em></em><p><span>秦健区长至开发区调研</span><i></i></p><b></b></a></li>
想要设置成垂直居中效果需要在<p>
标签上进行一些关键样式:
style:
height: 48px;display: table-cell;vertical-align: middle;
设置高度,设置显示方式为table-cell,再设置垂直 middle!
最终效果:
over!