CSS или что? Принуждение текста разбивается на несколько строк

Принудительное разделение текста на несколько строк при достижении максимальной ширины "#div".

Как я могу это сделать? потому что, если я попытаюсь вывести данные с 200 символами без интервала, я получаю следующее:

result1 (без пробелов):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

result2 (имеет одно пространство):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (space)
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

Я хочу сделать это:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

Нужно ли использовать следующее:

 result+=str.substring(0,200)  "\n";

или это css-стиль?

Ответ 1

Применение word-break: break-all; сделает перенос текста любым символом всякий раз, когда он превышает его родительскую ширину, без необходимости места или точки останова.

Ответ 2

создайте меньший div и используйте CSS text-align: justify и word-break:break-all;

Это то, что вы хотите?

Ответ 3

Как уже было сказано в принятом ответе, используйте следующее:

word-break:break-all;

Спецификация W3, которая говорит об этом, кажется, предполагает, что word-break: break-all - это требование определенного поведения с CJK (Китайский, японский и корейский), в то время как слово-обертывание: сломанное слово более общее поведение, не связанное с CJK. (кредит: AakashM: см. сообщение)

Параметры свойств Word-Break (W3Schools):

normal      Default value. Break words according to their usual rules

break-all   Lines may break between any two letters

keep-all    Breaks are prohibited between pairs of letters

initial     Sets this property to its default value. Read about initial

inherit     Inherits this property from its parent element. Read about

Рабочий пример:

Word-Break W3Schools

Ответ 4

Свойство word-break можно использовать для управления потоком текста. Следующее значение решит вашу проблему: word-break: break-all

Более подробную информацию можно найти здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

Ответ 5

используйте div и установите ширину div В файле CSS

    .respose container:{
width:200
}

А затем в HTML файл добавить

<p div="response container">
if(string.length>limit)
{'return string.substring(0,limit)+'...';'
}
else
{'return string;'
}
</p>