我正在显示一行中具有固定高度和宽度的框的数量,这些框是从标签生成的。现在,我需要将文本垂直居中对齐。CSS垂直对齐没有影响,也许我遗漏了什么?
我没有寻找技巧使用(边距,填充,行高),这些将不会工作,因为一些文本很长,将打破为两行。
请找到实际代码:
CSS代码
ul.catBlock{
width:960px;
height: 270px;
border:1px solid #ccc;
}
ul.catBlock li{
list-style: none;
float:left;
display:block;
text-align: center;
width:160px;
height: 100px;
}
ul.catBlock li a{
display: block;
padding: 30px 10px 5px 10px;
height:60px;
}
HTML代码
<ul class="catBlock">
<li><a href="#">IP Phone</a></li>
<li><a href="#">Dual SIM Switch Server</a></li>
<li><a href="#">IP PBX</a></li>
</ul>
https://stackoverflow.com/questions/8543859
复制相似问题