定位裏面<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％寬度將成功應用，從而形成一個精美的居中文本。