Taban çizgisi ve tekstüre ile dikey hizalama

Question

Metin alanındaki ilk satırın satır taban çizgisiyle dizilmiş bir etiket almaya çalışıyorum.

saf girişimi: etikette

<div style="vertical-align: baseline; display: inline-block"> 
    <label for="comments">Comments:</label> 
</div> 
<div style="vertical-align: baseline; display: inline-block"> 
    <textarea name="comments" id="comments"></textarea> 
</div> 

sonuç metin alanının alt uyumlulaştırılmaktadır. Bu alanın ilk hattında dizilmesini tercih ederim.

Teşekkürler.

Answer 1

Sen bunu textarea Eğer vertical-align: top için değil arıyorsanız baseline üstüne ayarlanmış istiyorsanız, o zaman, textarea aynı div içine labeldiv koymak gerekir. Burada

görüntüleme ve örnek:
http://jsfiddle.net/anhus/

Answer 2

sorun textarea görseli gibi, bir blok olarak görülüyor olmasıdır. Dikey hizalama yaparken, metin yerine yerleşimi belirlemek için kenarlığı kullanıyor. Aşağıdaki örnekte, etiketin ve div'in metin içindeki görüntüye göre konumlandırıldığını görebilirsiniz. Daha sonra, üst emin font-size ve line-height oranı maç makyaj:

http://jsfiddle.net/kenearley/nGaQs/3/

ben istediğiniz şekilde hizalamak için etiket ve textarea almak için tek yol dikey-align yapmak olduğunu düşünüyorum sağ.