1

Изображение

Как можно реализовать данный перенос строк внутри одной ссылки как на картинке?

3
  • А в чем проблема? ограничьте ссылку или ее контейнер по ширине, она и перенесется. 9 ноя 2022 в 11:05
  • она тогда перенесется полностью, а нужно по словам. 9 ноя 2022 в 17:20
  • вообще-то, если в тексте есть пробелы/разрывы, то по словам и будет. Но если их нет, то см. ответ. 9 ноя 2022 в 18:54

1 ответ 1

0

Вот, выбирайте

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.