Задать вопрос
@ymfront

Можно ли уже использовать CSS-свойство text-wrap: balance?

Есть много текстовых блоков на странице.

Чтобы тексты выглядели нормально и распределялись более-менее равномерно по ширине, я для каждого блока задаю максимальную ширину (max-width: 565px, max-width: 480px, max-width: 390px и т.п.). А также использую неразрывные пробелы для некоторых фраз.

Как раз для таких случаев есть CSS-свойство text-wrap: balance. Можно ли сейчас отказаться от подхода задания максимальной ширины и оставить только это свойство?

По caniuse я не могу понять, как это свойство поддерживается браузерами.
Написано, что поддержка 14.16% (полная поддержка) + 72.68% (частичная поддержка).

Свойство не имеет вендорных префиксов, как другие свойства с частичной поддержкой.
Поэтому не понятно, как в данном случае работает частичная поддержка.

673a1a989aa8f725652712.jpeg
  • Вопрос задан
  • 130 просмотров
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Можно ли сейчас отказаться от подхода задания максимальной ширины

От этого подхода нужно было отказаться всегда. Если вы имели в виду однотипные блоки и вашу попытку задавать им ширину в зависимости от контента "сейчас". Контент меняется.

А также использую неразрывные пробелы для некоторых фраз.

Это правильный подход.

Т.е. лучше уж поставить br или span выполняющий его роль, чем фикс ширину для того, чтобы подстроить конкретный текст под блок. Если речь о каких-то дизайнерских моментах типа заголовков.

Можно ли уже использовать CSS-свойство text-wrap: balance?

Тут нужно начать с вопроса, а что будет если открыть сайт из браузера, который не поддерживает свойство.
Что-то сломается? Нет.
Т.е. это свойство работает наоборот: там где поддерживается, будет симпатичнее.

p.s. и не используйте balance для блоков больше чем на 3-4 строки.
Для длинных текстов text-wrap: pretty;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Переключитесь на вкладку "Date relative"
В сафари поддержка появилась полгода назад, в лисе - менее года.

Какое-то другое свойство я бы не стал использовать, на мой взгляд рановато.
Но в данном случае что произойдет плохого? Ну максимум текст будет не так красиво выровнен,как вам хотелось бы. Это совершенно не критично. Так что использовать можно.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы