1 
<FIELDSET>
<LEGEND> Here my title goes.which is too long and need to be displayed in 2 lines like word-wrap. 
Line 2: Please suggest!</LEGEND>
Name: <INPUT TYPE="text" SIZE="20">
Email: <INPUT TYPE="text" SIZE="20">
</FIELDSET>

FieldSet と Legend の両方に max-width, word-wrap を試しましたが、タイトルが 1 行で表示され、ボックスの幅が広がり、奇妙に見えます。

**ブラウザ固有の問題ではありません

4

4 に答える 4

1

「幅」CSS 属性を必要な値に設定するだけで、テキストが自動的に折り返されます。

legend{ outline: 1px solid red; width: 100px; }

ここでフィドル：http://jsfiddle.net/YTJUA/

于 2013-10-14T08:50:48.427 に答える
0

CSSでこれを設定するだけです：

fieldset {
    width:200px;
}

ここで、希望に応じて幅のサイズを設定できます

于 2014-10-28T08:06:04.940 に答える