Непрерывная строка не заворачивается в тд

Question

Когда я помещаю длинную непрерывную строку в мою фиксированную ширину td, она не оборачивается. Строка увеличивает ширину моей таблицы. Кто-нибудь, пожалуйста, помогите мне с этим.

Например:

это мой текст --- отлично работает, так как в тд ширина фиксируется только высота увеличивается но если я вставлю
thisismytext --- тогда он увеличивает ширину моего стола.

Answer 1

вы должны использовать

word-break: break-all

для тд

<style>
   .BreakWord { word-break: break-all; }
</style>

<td class="BreakWord">longtextwithoutspace</td>

Answer 2

и чтобы это работало в firefox

word-wrap:break-word;

Answer 3

Используйте тег <wbr> в своем тексте каждые несколько символов (20-30? Вам нужно будет экспериментировать). Это позволит сделать разрывы в вашем тексте без пробелов. Как это:

<td>LongLongLong<wbr>TextTextText</td>

Все это будет нанизываться, если не требуется перерыв.

Answer 4

Если ваш текст и ширина ячейки фиксированы, вы можете добавить

<td>My text<br />on a different line</td>

Иногда я обнаруживаю, что текст переносится, просто высота td скрывает это

Answer 5

Другими словами, дайте браузеру оправдание для разрыва строки (включая пробелы в содержимом), и это произойдет. Заставьте его использовать одну строку (пропуская пробелы), и это увеличит ширину таблицы.

В отсутствие каких-либо дополнительных правил компоновки, что еще он мог сделать? '

Редактировать: могут быть проблемы с кросс-браузерными операциями с word-break / wbr (сейчас это похоже на CSS3, но раньше это было изобретение IE)