Olek1
@Olek1
Enterprise

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

Как сделать вёрстку блоков по 4 строки, без использования BR в конце каждой строки, не сужая ради этого блоки (потому что в разных OS текст может отрисовываться по разному, и некоторые слова изза этого могут перенестись на другие строки, а это уже не pixel perfect):
5b6c6191b2d76928842705.jpeg
  • Вопрос задан
  • 585 просмотров
Решения вопроса 1
webdev341
@webdev341
гуглю как умею
Использовать <p></p> для каждой строки. Т.е. закрывать каждую строку.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
riky
@riky
Symfony / 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
говнокодер-юниор
костыль, но...
можно сделать через flex.
https://html5book.ru/css3-flexbox/
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы