Как можно реализовать данный перенос строк внутри одной ссылки как на картинке?
-
А в чем проблема? ограничьте ссылку или ее контейнер по ширине, она и перенесется.– Инквизитор9 ноя 2022 в 11:05
-
она тогда перенесется полностью, а нужно по словам.– Максим Панфилов9 ноя 2022 в 17:20
-
вообще-то, если в тексте есть пробелы/разрывы, то по словам и будет. Но если их нет, то см. ответ.– Инквизитор9 ноя 2022 в 18:54
Добавить комментарий
|
1 ответ
Вот, выбирайте
div {
background: wheat;
padding: 10px;
width: 250px;
margin-bottom: 10px;
}
.breakall a {
word-break: break-all;
}
.breakword a {
word-break: break-word;
}
<div>aaaaaaaaaaaaa > bbbb bbbbbbbbb bb > cccccccccccc ccccccc > <a href="#">dddddddd ddddd dddddddddddd dddd ddddddddddd</a></div>
<div class="breakall">aaaaaaaaaaaaa > bbbb bbbbbbbbb bb > cccccccccccc ccccccc > <a href="#">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</a></div>
<div class="breakword">aaaaaaaaaaaaa > bbbb bbbbbbbbb bb > cccccccccccc ccccccc > <a href="#">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</a></div>