图例标签总是令人讨厌,因为它们不遵守许多 CSS 规则。
我正在尝试使用典型的解决方案来包装 LEGEND 标记中的文本,该解决方案使用跨度将文本包装在 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 中似乎不再有效。样本:
它仍然适用于 IE。
有没有人找到解决此问题的方法,或者只是放弃 LEGEND 标签并返回 H# 标签的问题?