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 的最大宽度、自动换行，但标题显示在一行中，这增加了框的宽度并且看起来很奇怪。

**不是浏览器特定的问题

4

4 回答 4

1

只需将 'width' CSS 属性设置为您想要的，文本将自动换行

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

在这里小提琴：http: //jsfiddle.net/YTJUA/

于 2013-10-14T08:50:48.427 回答
0

对于旧 IE，您可以将内容放在span. 跨度将换行。对于其他一切都white-space:normal应该做的伎俩。

编辑：但你必须使用固定宽度:(

legend {
    white-space: normal; 
}
legend span {
    display:block; width:100px;
}

这个解决方案更好:)

legend {
    white-space: normal; 
    display:table;
}
于 2013-10-14T09:09:02.407 回答
0

只需在您的 CSS 中设置：

fieldset {
    width:200px;
}

在这里您可以根据自己的意愿设置宽度大小

于 2014-10-28T08:06:04.940 回答
0

尝试简单地设置一个宽度：

legend {
    width: 540px;
}

http://jsfiddle.net/pHtpL/

于 2013-10-14T08:48:59.543 回答