Проблема переполнения CSS без разнесенного текста - PullRequest
0 голосов
/ 15 мая 2018

как я могу решить эту проблему?:

Моя проблема

Если я поставлю текст с интервалом, проблем не будет, но в противном случае ...

Я использую materializecss, если это может помочь:)

Ответы [ 2 ]

0 голосов
/ 15 мая 2018

Как упоминал Брэд, причина, по которой ваш текст слетает с div, заключается в том, что длинная одиночная строка считается одним словом.По умолчанию строки разделены пробелами и другими разделителями без слов.

Чтобы исправить этот случай, когда длинное слово выходит за пределы экрана, используйте следующее:

div { word-wrap: break-word; }

Это скажет браузеру разделить слово в том месте, где он бежит из div (при условии, что это div), и начать новую строку, продолжающую там, где слово было обрезано, как:

abcdef ghijk...

РЕДАКТИРОВАТЬ: Если вы используете CSS3, есть также слово-разрыв

0 голосов
/ 15 мая 2018

Попробуйте это в своем тэге CSS для рассматриваемого элемента: word-wrap: break-word;

Ответ от: Brad Colacino

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...