2

この質問と同様の問題があります: ラベル内の垂直方向のテキストの整列

私のHTML構造は次のようになります。

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

そして、スパン要素をラベル要素の上部に垂直に揃えようとしています。

それが私のcssコードです：

label{
    display: block;
}

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

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

label-tag の表示を inline-block に設定して、vertical-align 属性を追加しようとしましたが、何も起こりませんでした。

誰でもこの問題の理由を知っていますか?

4

1 に答える 1

6

vertical-align:topスパンに追加

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

JSフィドル

divそのような場合は代わりに使用することをお勧めしますがlabel。label子要素を持つためのものではありません。

于 2013-07-11T19:12:27.360 に答える