基本形式和標簽。
label {
margin-top: 1em; /*or padding-top: 20em or any em changes nothing*/
margin-left: 2em /* padding-left: 20em or any em actually applies the styles*/
}
input {
margin: 4em; /* or padding: in any amount works. */
}<form>
<label for="question">Content</label>
<input type="text" value="anything"></input>
<form>我的問題是為什么標簽的填充和邊距不起作用。一段時間后，我終于意識到我需要將標簽設為塊元素，然后它才能作業，但這對我來說并不合適或沒有意義。我不必這樣做才能將樣式應用于輸入，并且在所有教程中，我都沒有看到有人明確說過標簽顯示塊，所以我想知道為什么會出現這種行為？我認為這可能是因為元素（標簽）無法識別它周圍的內容，因為它不是塊元素，但這比它沒有按預期作業的事實更有意義。任何 CSS 大師都明白為什么 label 元素會發生這種行為嗎？
uj5u.com熱心網友回復：
正如您所提到的，標簽需要有一個display屬性值block或者最好inline-block是才能生效。您不必對input元素顯式執行此操作的原因是默認情況下輸入是一個inline-block。label另一方面，inline默認情況下是，因此您必須手動將其宣告為blockor inline-block。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/426621.html