Обычно текст <legend>
довольно короткий, поэтому я понятия не имел, что это проблема, пока я не столкнулся с этим вчера. Я пытался и не мог установить 50% ширины на <fieldset>
, но это не сработало бы из-за длинного текста легенды. Либо набор полей не будет меньше легенды, либо ширина легенды превышает ширину легенды.
Это, похоже, не проблема в IE8, Chrome, Safari, Opera и, возможно, другие. Это проблема в Firefox, IE6 и IE7.
Цель: Получить текст для конвертирования в <legend>
кросс-браузер
- Без установки фиксированной ширины
- Надеюсь, без дополнительной разметки
- Без javascript
- В любом случае мы можем, если выше это невозможно
- Без отказа от использования другого тега
Я видел это сообщение: Получение тегов LEGEND для правильного обертывания текста
... Но есть только один ответ, который использует <div>
с фиксированной шириной внутри тега легенды, я не могу заставить его работать (см. скрипку), а OP закрыт комментарием "в конец мы сдались". В этой статье появляется много "не так много".
Я выложил jsfiddle demo с некоторым CSS, который я пробовал. Как я уже сказал, я никогда не сталкивался с этим раньше, поэтому я озадачен тем, что это так сложно, и я не могу заставить ничего работать. Неужели это просто невозможно?