简单 div 内的垂直对齐
这是一个非常简单的问题，但在网上冲浪几个小时后，我意识到我可能没有理解这个概念。
我有：
<style>
#more{width:190px; height:44px; border:1px solid #CCCCCC; padding-bottom:3px;vertical-align:middle;}
</style>
<div id='more'> My text </div>
这不会使“我的文本”垂直居中。如何使文本垂直居中？
感谢一百万
This is a very simple question, but after a few hours surfing the web I've realized that probably I'm not getting the concept.
I have:
<style>
#more{width:190px; height:44px; border:1px solid #CCCCCC; padding-bottom:3px;vertical-align:middle;}
</style>
<div id='more'> My text </div>
This does not center the "My text" vertically. How can I center the text vertically?
Thanks a million
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我会使用等于 div 高度的
line-height。注意：这仅适用于单行文本。
I would use
line-heightequal to the height of your div.NB: this will only work on text in a single line.
您需要使用
display: table-cell;才能使文本垂直居中。Jsfiddle 演示。
You need to use
display: table-cell;to be able to center the text vertically.Jsfiddle demo.