Как сделать перенос текста ?

Обычно текст довольно короткий, поэтому у меня было нет idea это была проблема, пока я не столкнулся с ней вчера. Я пытался и не смог установить ширину 50% для

, но это не сработало из-за длинного текста легенды. Либо набор полей не будет меньше легенды, либо ширина легенды превышает ширину набора полей.

Это не , похоже, проблема в IE8, Chrome, Safari, Opera и возможно другие. Это проблема в Firefox, IE6 и IE7.

Цель: Получить текст для переноса в кроссбраузер

  • Без установки каких-либо фиксированная ширина
  • Надеюсь, без дополнительной разметки
  • Без javascript
  • В любом случае, если вышеуказанное невозможно
  • Без отказа и использования другого тега

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

... Но есть только один ответ, который использует

с фиксированной шириной внутри тега легенды, я не могу заставить его работать (см. скрипку), и OP закрылся комментарием «в конце концов мы сдались». Поиск в Google по этой теме также обнаруживает много "не очень".

Я разместил jsfiddle demo с некоторыми CSS, которые я пробовал. Как я уже сказал, я никогда не сталкивался с этим раньше, поэтому меня сбивает с толку, что это так сложно, и я не могу заставить что-либо работать. Неужели это просто невозможно?

14
задан Community 23 May 2017 в 10:34
поделиться