Как сделать разбитие строки без пробелов?
<div style="width:40px">
<span>ssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</span>
<div>Если строка длиннее 40px, она должна переноситься на следующую строку - как это сделать? Строка без пробелов.
Ответы (1 шт):
Автор решения: Zhenyria
→ Ссылка
Существует свойство word-wrap. Его, кстати, очень легко найти в интернете (если искать). Если вы установите word-wrap: break-word;, то слова будут автоматически разбиваться и переноситься на следующую строку, как вы и хотите. Надо учитывать, что данное свойство является черновым и при валидации CSS3 будет давать ошибку.
Ещё можно использовать свойство overflow-wrap: break-word;.
Изначально свойство word-wrap не было стандартом, хотя и было реализовано большинством браузеров. Впоследствии оно было переименовано в overflow-wrap c алиасом word-wrap.
Делаю вывод, что лучше всего вам подойдёт overflow-wrap: break-word;.