如何将div中的文本居中？

Question

我是CSS的新手，并不是很了解这一点。

在我使用table之前，这很简单。现在我有10个div，每个都有一个数字。我想让所有数字都在div的中心，这些数字的宽度都相同。

有一种简单的方法吗？

Answer 1

text-align: center 应该够了

Answer 2

我认为除了希望它们在中心水平放置之外，你还意味着它们应该垂直位于中心（CSS术语中为middle）。看看这个CSS片段和带有工作示例的JSFiddle：http://jsfiddle.net/yc6s8/

div {
    display: inline-block;
    width: 35px;
    line-height: 35px;
    text-align: center;
}

Answer 3

在你的css代码中添加

div#yourId
{
    text-align:center;
}

如果要对齐div中的特定项目，可以执行以下操作。让我们说这是你的HTML

<div class="myDiv">
<p class="align">21</p>
<p>text goes here</p>
</div>

然后在你的css代码中

.align{text-align:center;}

这样你只需要将类对齐添加到你想要的元素并且它将居中（但这只适用于块元素，段落标记是一个块元素，但例如span标记不是）< / p>

Answer 4

<div class="test">12345</div>

在你的CSS中：

.test{
    text-align: center;
}

文字对齐也可以left;或right;左右对齐。如果你想把div放在它的容器中心你会做：

.test
{
    margin: 0 auto;
}