Обтекание ‹pre› внутри ячейки таблицы

У меня есть некоторые данные в наборе предварительных тегов, внутренний текст которых я хочу обернуть. Я достигаю этого с помощью следующего CSS:

word-wrap: break-word;

Однако, если я поместил теги pre в ячейку таблицы, это больше не работает; все данные остаются на одной строке.

Я знаю, что есть опция white-space: pre-wrap, однако я использую этот CSS в элементе управления WebBrowser на C#, и он всегда отображается так, как это делает IE7, а свойство pre-wrap никогда не работает.

У кого-нибудь есть идеи, как я могу заставить свой CSS для предварительных тегов работать внутри ячейки таблицы? Или это вообще возможно?

Я открыт для предложений альтернатив использованию таблицы, однако мне нужно реплицировать таблицу в смысле наличия строк с несколькими ячейками, каждая из которых будет увеличиваться в высоту, чтобы соответствовать наибольшей.


person Community    schedule 07.10.2012    source источник
comment
Что table-layout есть в таблице?   -  person user123444555621    schedule 08.10.2012
comment
@Pumbaa80 Pumbaa80 - для него не определен макет таблицы, поэтому я думаю, что это будет любое значение по умолчанию, которое назначит браузер.   -  person    schedule 08.10.2012
comment
Затем попробуйте table-layout: fixed запустить алгоритм компоновки таблицы другой. С шириной на вашем thead > th.   -  person FelipeAls    schedule 08.10.2012
comment
@FelipeAls - я только что попробовал и могу подтвердить, что теперь он позволяет обертывать предварительное содержимое, однако я не могу установить ширину, поскольку первые два столбца должны автоматически изменять размер по горизонтали, а третий столбец должен просто заполнить остальная часть страницы   -  person    schedule 08.10.2012
comment
Будет ли width: 100% в элементе таблицы делать это за вас?   -  person 3dgoo    schedule 08.10.2012


Ответы (1)


Мой друг нашел способ обойти это, это не самое чистое решение, но его было достаточно для моей проблемы.

Решение состояло в том, чтобы взять пробелы и заменить их чередованием, а поскольку IE поддерживает тег wbr, он имитировал перенос текста в тег pre.

Надеюсь, это поможет всем, кто сталкивается с проблемой!

person Community    schedule 08.10.2012