垂直對齊跨度元素標籤元素

我有一個類似的問題，這個問題： Vertical Align text in a Label 垂直對齊跨度元素標籤元素

我的HTML的結構是這樣的：

<label> 
    <span>Comment:</span> 
    <textarea>Some Default-Text</textarea> 
</label>

而且我想vertically-將span-element對齊到label-Element的頂部。

這是我的CSS-代碼：

label{ 
    display: block; 
} 

label span{ 
    display: inline-block; 
    width: 30%; 
} 

.createForm textarea{ 
    width: 67.7%; 
    resize: vertical; 
}

我已經嘗試設置標籤，標籤的顯示，以inline-block的並添加垂直對齊屬性，但什麼都沒有發生。

任何人都知道這個問題的原因？

來源

2013-07-11 maja

你說你已經試過了，但你真的確定你添加了'vertical-align：top'嗎？它似乎與它一起工作：http://jsfiddle.net/acdcjunior/XE5Fy/ – acdcjunior

@acdcjunior我把對齊裏面的標籤元素，這並沒有工作:( 不知道爲什麼我沒有想過把它放入span-element * ashame * – maja

添加vertical-align:top跨越

label span{ 
    display: inline-block; 
    width: 30%; 
    vertical-align:top; 
}

JS Fiddle

雖然我會建議你在這種情況下使用div代替label。 label不適用於擁有子元素。

來源

2013-07-11 19:12:27 Sachin

我真是太不可思議了......謝謝 – maja

垂直對齊跨度元素標籤元素

回答

相關問題