Перенос длинных ссылок внутри статьи

22.02.2023 · CSS

Перенос длинных ссылок внутри статьи

Обычный текст переносится, а длинный адрес ломает мобильную страницу. Разрешите аварийный перенос только там, где он действительно нужен.

.article a { overflow-wrap: anywhere; }
.article pre { overflow-x: auto; }

anywhere разрешает разрыв длинной строки и влияет на расчёт минимальной ширины. Не назначайте word-break: break-all всему тексту: обычные слова тоже начнут рваться. Код лучше оставить с горизонтальной прокруткой. Проверьте URL с длинным параметром и обычный абзац: ритм чтения должен сохраниться.

Назад в блог

От идеи —
к первому шагу.

Расскажите, что хотите создать.
Обсудим задачу и наметим следующий шаг.