Получение тегов LEGEND для правильного переноса текста - PullRequest
Новая
       13

Получение тегов LEGEND для правильного переноса текста

0 голосов
/ 25 марта 2010

Теги легенды всегда доставляют неудобства, поскольку они не придерживаются многих правил CSS.

Я пытаюсь получить текст внутри тега LEGEND для переноса, используя типичное решение для обтекания текста в LEGEND диапазоном и установки ширины и отображения: block. 

 <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 #?

Ответы [ 2 ]

2 голосов
/ 15 ноября 2011

Пытался заставить то же самое работать. В моем сценарии требуется Firefox 

legend {white-space:normal;}
1 голос
/ 26 марта 2010

Обязательно ли использовать тег <span>? Мне удалось заставить это работать в Firefox 3.6.2 с помощью тега <div> и удаления элемента 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>.

...