Принуждение длинной строки текста (без пробелов) к разрыву строки в соответствии с статичной шириной родительских контейнеров с использованием CSS

Возможный дубликат:
CSS: как я могу заставить длинную строку (без каких-либо пробелов) обернуть в XUL и/или HTML.

Допустим, что у вас есть следующий код:

<div style="width:100px;height:1000px">This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces</div>

Я извиняюсь, но переполнение стека (в соответствии с предварительным просмотром) не выводит фрагменты кода кода.

В большинстве (?) обстоятельств следующее приведет к тому, что контейнер, содержащий длинную строку текста, растянется до полной ширины текста, содержащегося внутри.

Мы хотели бы заставить это разбить строку (даже среднее слово) в соответствии с указанной шириной css (width: 100px) родительского контейнера.

Возможно ли это с помощью тега css, о котором я не знаю?

IE6 + сопоставимость, плюс gecko/webkit/opera пожалуйста.

Ответы

Ответ 1

Использование может использовать это для переноса:

.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}