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

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

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

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

只需添加文本对齐：居中；宽度：100%；到你的css。这就是你要找的吗

编辑：可以替换宽度：100%；宽度：你想要的宽度；它也可以工作。

指定宽度并使用文本对齐：居中

---

@Danko He将不得不更改类或使用多个类，这是一个很好的解决方案，但是，宽度是可变的，因此如果div大于100px，它将不再居中。谢谢你的回答+1@user2014429我以后会调查的。我得走了。时间越来越晚了。谢谢，我还在努力想办法。它可以做相对位置，但我需要它是固定的。不要着急这很有效。可爱的小猫图片。非常感谢你：

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

}