Задать вопрос
@Legal2019
Всё в имени моём... и радость и печаль...

Как сделать переносы слов с тире?

Всем привет.
Озадачился с тем вопросом как лучше сделать вывод текста (заголовок, отрывок и т.п.).
Есть скажем блок на 200px внутри которого выводятся списком ссылки. Ссылки конечно имеют слова (2-10шт.)
И вот возникает проблема с уложением такого текста, т.к. в рамках ширины блока при text-align: justify; получается с огромными пробелами между словами.
Пример:
Автомобильные          шторки 
и  тонировка  стекол  в   авто

При text-align: left;
Пример:
Автомобильные шторки
и тонировка стекол в авто

Если ставим
-ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

То при text-align: justify; получается перенос слов без тире.
Пример:
Автомобильные шторки и тони
ровка стекол в авто

Согласитесь, не очень удобно так читать, и удобнее если бы вывод был бы в виде:
Автомобильные шторки и тони-
ровка стекол в авто

Хочу знать, кто и как с этим борется, поэтому пишите пожалуйста.
  • Вопрос задан
  • 805 просмотров
Подписаться 1 Сложный Комментировать
Ответ пользователя Александр К ответам на вопрос (3)
Seasle
@Seasle Куратор тега CSS
Ответ написан
Комментировать