HTML Force вводит разрыв / новую строку

Question

У меня есть ячейка таблицы с некоторой фиксированной шириной ...

Теперь длина символьного содержимого / текста внутри этой ячейки меняется, и между ними не всегда может быть пробел, из-за которого макет слегка ломается.*

Я попытался исправить, добавив CSS-перенос слов: break-word Но по какой-то причине это не всегда работает.

Как мне убедиться, что мой текст переносится на следующую строку, даже если между ними нет пробела?

Answer 1

Я отредактировал ваш jsfiddle, чтобы он мог работать:

EDIT http://jsfiddle.net/Dnzra/2/

Все, что вам нужно сделать, это добавить: style="table-layout: fixed" к стилю таблицы и некоторую фиксированную ширину для ваших ячеек.

Answer 2

Практическое решение заключается в том, чтобы вставить тег <wbr> в любой точке, где допустим прямой разрыв строки, например,

<td>MaxUName<wbr>MaxUName<wbr>MaxUName<wbr>MaxUNa</td>

, чтобы получить несколько лучший охват браузера для старого доброго <wbr> (никогда не подходил к какому-либо стандарту, но жив и здоров), добавьте в таблицу стилей следующее:

wbr:after { content: "\00200B"; }

Подробнее: http://www.cs.tut.fi/~jkorpela/html/nobr.html#wbr