div 中的文本居中，就像 img 元素一样

Question

我可以很容易地在页面上将固定图像居中，但是当涉及到文本时，它似乎更复杂。此 jsFiddle 演示了图像如何居中而文本不是。如何以相同的方式将文本居中？感谢阅读。

.center{
         display:table;
         position:fixed;
         left:0;
         right:0;
         margin:auto;
         border:1px solid grey;
}

<div class = "center">text</div>

Answer 1

只需将 text-align:center; 和 width:100%; 添加到您的 css。这是您要找的吗？

Updated Fiddle

编辑： 您可以将 width:100%; 替换为 width:yourWidthYouWant;，它也会起作用。

Answer 2

给个宽度用text-align:centerhttp://jsfiddle.net/Rc9fa/358/

.center{
width:100px;
text-align:center;
display:table;
position:fixed;
left:0;
right:0;
margin:auto;
border:1px solid grey;

}

div 中的文本居中，就像 img 元素一样

center text in div like an img element

html

css