Вопросы по теме '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 просмотров
schedule
09.06.2024
Использование слова-разрыва: разрыв-слова; в фаерфоксе
У меня есть элемент 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