@lagudal

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

Есть навигация, пункты которого довольно длинные, и в одну строку не помещаются.
По дефолту они переносятся так, что меню получается некрасиво выровнено в 2 строки.
Как видно, слева остается пустое место, получается так потому, что таким образом работает justify-content во флексах.
С одной строкой все красиво, а когда переносится на 2-ю, то место остается как будто там 1 строка.
Ну вот, а если перенести простым
, то все нормально выравнивается...
Вопрос: как грамотно сделать перенос элеменов меню на 2-ю строку с помощью js или jquery? Например,первое слово - не менее 10 символов, если после 10-го символа пробел или дефис, то сразу перенести, если нет, то перенести после ближайшего следующего пробела или дефиса, если же после 10 символа нет ни одного пробела или дефиса, то тогда пробежать уже в левую сторону, т.е. посмотреть не пробел ли или не дефис ли 9-й, символ, если нет, то 8-й и т.д. Ну или как то еще может есть варианты с js, главное, чтобы перенос был принудительным и не посреди слова...

Вот пен, буду признателен за помощь, сам я в символах оч слаб..
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Karpion
А если в первой строке все слова длинные, и в сумме дают больше, чем ширина экрана?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы