我该如何实现呢？
div { width: 300px; height: 100px; } p { position: absolute; top: auto; }
<div> <p>I want this paragraph to be at the center,but it's not.</p> </div>
p { text-align: center; line-height: 100px; }
随意调整
如果文本超出宽度并且超过一行
在这种情况下,您可以做的调整是将display属性包含在您的规则中,如下所示：
(我添加了一个更好的例子的背景)
div { width:300px; height:100px; display: table; background:#ccddcc; } p { text-align:center; vertical-align: middle; display: table-cell; }
在这个JBin玩
