Css 将文本定位在内部<；标签></标签>；

亲爱的社区成员：

我想将test内部的文本放在div的中心。代码如下所示：

<div id="main" style="width: 960px;">
<form>
<label for="test">Testing everything:</label>
</form>

测试一切：

现在，如果我尝试以下代码部分：

<label for="test" style="width: 100%; text-align:center;">Testing everything:</label>

测试一切：

它不会使我的主层中的文本居中。我是否需要在标签标签周围放置一层，使其：

<div style="width:100%; text-align:center;"><label for="test">Testing everything:</label></div>

测试一切：

实现这一目标的标准方法是什么

---

谢谢你的回复

您的问题非常简单：label不是块级标记，这意味着您不能为label元素指定宽度。换句话说，标签元素的宽度就是其内容的宽度

在您的例子中，这意味着它不能填充“test”div的整个宽度，然后不能居中

要解决此问题，只需将以下CSS属性添加到标签：

显示：内联块

这样，您的标签将被视为与宽度（和高度）相关的所有内容的块，并且您的100%宽度将成功应用，从而形成一个居中的文本