Слово переполняется в div

Question

Я работаю на кхмерском сайте, я не знаю языка, слова слишком длинные. Я пытаюсь вписать их в div, но они переполнены. Есть ли способ, что часть слова сходит автоматически, так что она помещается в div, а часть потока находится на следующей строке.

Я не знаю, что с этим делать, помогите пожалуйста.

Найти изображение во вложении

Answer 1

Вы должны использовать word-wrap свойство CSS, чтобы заставить текст оставаться внутри div без переполнения.

word-wrap: break-word

Смотрите ДЕМО здесь

Проверьте без этого свойства и с ним, чтобы увидеть разницу.

Answer 2

Использовать word-wrap CSS свойство:

.mydiv {
    word-wrap: break-word;
}

Answer 3

You can give the below CSS style to the div to prevent the div text from overflowing.

div {
     word-wrap: break-word;
    }

Answer 4

Посмотрите, сработает ли это - перенос слов: break-word;

Answer 5

Есть атрибут CSS для "переполнения текста" внутри объектов HTML

Вы можете сделать что-то подобное, чтобы предотвратить переполнение по умолчанию.

.ellipsis {
  text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }

ссылка в W3School

Обратите внимание, что свойство переполнения текста возникает, только если свойство переполнения контейнеров имеет значение скрытое, прокрутка или авто.

Если вы хотите деформировать длинные слова в несколько строк, а не просто "вырезать" их, вы можете использовать "word-wrap: break-word;" что заставляет браузер разбивать длинные слова. ( ссылка)

Обратите внимание, что обе спецификации широко поддерживаются, но очень старые браузеры могут их игнорировать. Вы можете увидеть детали в ссылках.