定位里面<label></label>

Question

亲爱的社区成员的文字，

我想内部测试的文本位置。在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> 

要完成该操作的标准方法是什么？

谢谢你的回应！

Answer 1

你的问题很简单：标签不是块级标签，这意味着你不能给标签元素一个宽度。换句话说，标签元素的宽度就是其内容的宽度。

在你的情况下，这意味着它不会填满你的“测试”div的整个宽度，然后不能居中。

为了解决这个问题，只是下面的CSS属性添加到您的标签：

显示：inline-block的;

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