我想将文字垂直居中。
但是，这不起作用。
将文本放入嵌入式块时，我应该能够使文本垂直居中，对吗？
这段代码为什么不起作用，我如何使其起作用！？
请帮帮我！
先感谢您 ：）
的HTML
<ul class="socialBlock">
<li class="socialBlock__item">tw</li>
<li class="socialBlock__item">fb</li>
<li class="socialBlock__item">g+</li>
</ul>
的CSS
.socialBlock {
padding:10px;
background: yellow;
list-style: none;
}
.socialBlock__item {
margin:0;
padding:0;
display: inline-block;
background: green;
height:44px;
vertical-align: middle;
}
代码开放
垂直对齐内联元素的诀窍是要有一个较大的内联元素来与其对齐。我发现更容易使用的是使用display table和display table-cell（通常table-cell足够了，但是您可能需要根据要实现的目的在父元素上使用display table：
.socialBlock_item {
margin: 0;
padding: 0;
display: table-cell;
background: green;
height: 44px;
vertical-align: middle /* you still want to use this as well */
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句