Вопросы по теме 'word-break'

Более умный разрыв слов в CSS?
Если я просто добавляю word-break: break-all к элементу, я часто получаю следующее: Здравствуйте, я набираю сообщение, оно слишком длинное! Очевидно, что это было бы намного лучше, как: Здравствуйте, я печатаю сообщение, которое...
21925 просмотров
schedule 09.06.2024

Как использовать автоматические дефисы CSS с помощью `word-break: break-all`?
Я использую word-break: break-all; и хочу знать, как сделать так, чтобы браузер автоматически вставлял дефисы , как показано в примере MDN . div { width: 80px; height: 80px; display: block; overflow: hidden; border: 1px...
46321 просмотров
schedule 18.06.2022

Разделение слов Safari CSS: сохранить все; не работает
Я вижу, что в браузере Safari свойство CSS word-break , которое мне нужно, не используется. Почему ?
12918 просмотров
schedule 30.06.2022

Свойство CSS word-break: break-all не работает должным образом с определенными символами в Chrome
Я использую "word-break: break-all" для вставки разрывов между любыми символами. Однако в Chrome он не работает должным образом с определенными символами (например, двоеточие, точка с запятой, запятая), как показано ниже. ( Мой codepen находится...
640 просмотров
schedule 04.07.2022

Разрыв слова в IE, EDGE и Firefox не работает
Слово-брейк:брейк-слово не поддерживается на edge, т.е. и firefox. Мне нужно, чтобы css разбивал слово, если пробел присутствует, разрыв в этом пробеле, но если пробела нет, разбивайте слово напрямую (проверьте скрипку в хроме или сафари). Поскольку...
1854 просмотров

Использование слова-разрыва: разрыв-слова; в фаерфоксе
У меня есть элемент div, который я использую для абзацев текста. Он предназначен для мобильных устройств, поэтому я тестировал его с разными размерами браузера/окна просмотра. У меня есть следующий код: .text { font-size: 18px;...
2064 просмотров
schedule 10.03.2023

css разбивает слова, только если нет пробелов
У меня есть этот код: .mydiv { display: table; table-layout: fixed; width: auto; max-width: 448px; height: 56px; } .mydiv span { display: table-cell; vertical-align: middle; overflow: hidden; } <div...
5153 просмотров
schedule 16.04.2023