0

凡例タグは、多くの CSS ルールに準拠していないため、常に厄介です。

LEGEND 内のテキストをスパンでラップし、幅と display: ブロックを設定するという一般的なソリューションを使用して、LEGEND タグ内のテキストをラップしようとしています。

 <legend>
    <span style="border: 1px solid blue; width: 250px; display: block">
        This text should wrap if it gets longer than 250px in width
    </span>
 </legend>

これは以前は Firefox で機能していたと思いましたが、3.6 では機能しなくなったようです。サンプル：

http://jsbin.com/exeno/5

IEではまだ動作します。

誰かがこれに対する修正を見つけましたか、それとも LEGEND タグを放棄して H# タグに戻るだけの問題ですか?

4

2 に答える 2

2

同じことを機能させようとしていました。私のシナリオでは Firefox が必要でした

legend {white-space:normal;}
于 2011-11-15T16:13:30.957 に答える
1

<span>タグの使用は必須ですか？<div>次のように、タグを使用して Firefox 3.6.2でdislay: block;要素を削除して (その場合は必要ないため)、これを機能させることができました。

<legend>
    <div style="border: 1px solid blue; width: 250px;">
        This text should wrap if it gets longer than 250px in width
    </div>
 </legend>

タグを使用する必要がない限り、少なくとも代替手段です。<span>

于 2010-03-26T06:05:30.643 に答える