Перенос целых слов в CSS
Есть блок меню, реализуемый через список. Есть пункт, состоящий из нескольких слов. В адаптивном режиме название пункта не помещается в одну строку, одно из слов переносится на другую строку, причем перенос внутри самого слова. Каким образом можно реализовать перенос по пробелам, причем только в адаптивном режиме?
Конкретно: фраза "неправомерное обобщение нехарактерных явлений" переносится как, например: "неправомерное обобщение нехак- (перевод строки) терных явлений". Word-break убирает значок переноса, но не решает проблему. желательно, чтобы переносилось как "неправомерное обобщение (перевод строки) нехарактерных явлений"
Есть свойство для этого word-break со значением break-all
.wrap{
width: 220px;
height: auto;
border: 1px solid red;
word-break: break-all;
padding: 10px;
}<div class="wrap">
Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉
</div>https://developer.mozilla.org/ru/docs/Web/CSS/word-break
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
- Почему SERVER_ADDR имеет не тот IP 47563 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30496 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23632 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9958 visits
- Php curl запрос через прокси с авторизацией 9210 visits
- Работа с captcha vk api 8094 visits
![Почему first-of-type и [href$=] не взаимодействуют вместе?](https://hostciti.net/images/nophoto.png "Почему first-of-type и [href$=] не взаимодействуют вместе?")
© "hostciti.net" 25.11.2024 | 06:38