Как делать вёрстку текста без BR?

Как сделать вёрстку блоков по 4 строки, без использования BR в конце каждой строки, не сужая ради этого блоки (потому что в разных OS текст может отрисовываться по разному, и некоторые слова изза этого могут перенестись на другие строки, а это уже не pixel perfect):
5b6c6191b2d76928842705.jpeg
  • Вопрос задан
  • 611 просмотров
Пригласить эксперта
Ответы на вопрос 4
riky
@riky
Laravel
ни br ни p лучше не использовать - иначе responsive не добиться
Ответ написан
@Free_ze
Пишу комментарии в комментарии, а не в ответы
Вообще, пиксель-перфект для текста - это ужасная идея.

Так или иначе, семантика страницы не должна страдать из-за прихотей дизайнера. Желаемого можно добиться через:
.shitty-line::after {
    content:'\a';
    white-space: pre;
}

<p>
    <span class="shitty-line">...</span>
    <span class="shitty-line">...</span>
    <span class="shitty-line">...</span>
    <span class="shitty-line">...</span>
</p>
Ответ написан
Комментировать
@dasauser
Пишу на PHP
костыль, но...
можно сделать через flex.
https://html5book.ru/css3-flexbox/
Ответ написан
Комментировать
threezadoozy
@threezadoozy
Разработчик веб-интерфейсов сложности хардкор+
Если подобрать оптимальную ширину блоков не позволяет только опасения по поводу различного рендеринга текста в разных браузерах/платформах - то это слабый аргумент против такого варианта :) Потому что различия будут незначительными - ничего не поломается.

<br>и правда моветон, рудимент из первобытных html-времен. А-ля флоат.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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