Переполнение HTML таблицы (td)

Question

У меня есть некоторый outpu данных в таблице HTML, некоторые строки имеют расширяемые поля данных, и это работает нормально. Некоторые строки являются стандартными и хороши. Кажется, что вложения видны с помощью CSS.

Проблема

Я ограничил размер столбцов таблицы и установить переполнение скрытый, чтобы предотвратить данные толкают в сторону экрана, это работает нормально для обычного текста внутри однако если данные внутри a - это XML (который был отформатирован для HTML с использованием замещающих символов) с очень длинной строкой перед разрывом строки, эти данные перемещаются со стороны экрана.

Смотрите следующий JSfiddle для примера того, что происходит

http://jsfiddle.net/bj0jav2y/

Что я могу добавить к XML, чтобы заставить текст завернуть на другую строку, подобную «Нажмите, чтобы увеличить) Это работает как ожидалось. Lorem " линия.

Включая нижеприведенный код, чтобы опубликовать его. Игнорируйте его все в JSFiddle

.outer td:nth-child(4) { 
    width: 65%; 
    overflow: hidden; 
} 

Благодарности

Answer 1

Ваш XML имеет кучу   символов в нем.   означает «неразрывное пространство», поэтому он специально разработан, чтобы делать противоположное тому, что вы просите, то есть не перерыв, даже если он слишком длинный для линии. Если вы замените все экземпляры   простым символом «», тогда ваш XML будет обернут так же, как текст ipsum lorum.

Answer 2

Сообщите браузер, чтобы сделать это:

.outer td { 
    word-break: break-all; 
} 

Answer 3

Попробуйте это:

.content span {word-wrap:break-word;} 

Технически ваш XML обрабатывается как unbreaking линии.