Задать вопрос
@blacks83
css

Как средствами CSS, разбить текст на блоки, каждые 20 строк?

Господа, доброго времени суток.
Подскажите пожалуйста,
как реализовать средствами CSS3, разбивку текста на визуальные блоки?

Детали:
Есть один контейнер-обёртка с динамическим текстом от редактора (только текст).
По достижению в нем 20 строк текста, текст необходимо разбить/отчертить линией
и далее продолжить, текст - что бы получились некое подобие листов книги/блоки:

Гуглил, на CSS3 не нашел, нашел на JavaScript (jsfiddle.net/3TJxE и jsfiddle.net/Eric/WTPzn )
но нет возможности применить JavaScript (верстка встраивается в приложение, доступа
к JavaScript вроде нет, разве что внутри CSS прописывать…)

Всем откликнувшимся заранее огромное спасибо!
  • Вопрос задан
  • 434 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
если только текст и размер шрифта фиксируемый, то тупо прикинуть сколько такой блок примерно занимает в высоту использовать данное значение т.е. line-height: 10px; и других отступов по высоте нет, значит 20 строк = 20 х 10 = 200px
Ответ написан
5 комментариев
5 комментариев
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать мобильную версию сайта Next.js/React
19 апр. 2024, в 11:54
500 руб./в час
Реализовать Парсер сайта
19 апр. 2024, в 11:48
10000 руб./за проект
Собрать сайт на Vue / Laravel
19 апр. 2024, в 11:14
65000 руб./за проект
Ещё заказы