css - 简单 div 内的垂直对齐

Question

这是一个非常简单的问题，但在网上冲浪几个小时后，我意识到我可能没有理解这个概念。

我有:

<style>
 #more{width:190px; height:44px; border:1px solid #CCCCCC; padding-bottom:3px;vertical-align:middle;}
</style>

 <div id='more'> My text </div>

这不会使“我的文本”垂直居中。如何使文本垂直居中？

感谢一百万

Answer 1

我会使用等于您的 div 高度的 line-height。

line-height: 44px;

注意:这仅适用于单行文本。