Текст колонками по вертикали

Question

Александр @cry_san

Текст колонками по вертикали

Здравствуйте!
Вопрос состоит в следующем: есть большой текст, который нужно разбить на колонки одинаковой высоты и ширины, но так, чтобы они располагались один за одним не по горизонтали (как обычно), а по вертикали, через определенный отступ.
Текст без разметки на блоки — т.е. просто большой кусок текста.

Надеюсь на ваши подсказки.
Спасибо!

Вопрос задан более трёх лет назад
3754 просмотра

3 комментария

Подписаться 5 Оценить 3 комментария

Валерий @Akuma

Может вручную по быстрому сверстаете и покажете «как должно быть в итоге»? Т.к. из задания следует, что можно просто разбить текст на параграфы и поставить им отступы.

Написано более трёх лет назад

Александр @cry_san Автор вопроса

Есть html-файл:

<html><body>Что впервые его трактата о пределах добра и т.д – написание. Руку при оценке качества восприятия макета. Шрифтов, абзацев, отступов и т.д просмотра шрифтов, абзацев отступов. Знает, что такое текст-рыба lorem буквы встречаются. Сыграет на кириллический контент – написание символов на сайтах. Кириллице значительно различается написание символов на сайтах и по сей день рыбы. Лучше использовать при оценке качества восприятия макета языками, использующими латинский алфавит. </body></html>

В браузере он отображается максимально по ширине.
Нужно, чтобы он стал отобразился в виде:

Что впервые его трактата о пределах добра и т.д – написание.
Руку при оценке качества восприятия макета. Шрифтов, 
абзацев, отступов и т.д просмотра шрифтов, абзацев отступов.

 Знает, что такое текст-рыба lorem буквы встречаются. Сыграет
на кириллический контент – написание символов на сайтах. 
Кириллице значительно различается написание символов на 

сайтах и по сей день рыбы. Лучше использовать при оценке
качества восприятия макета языками, использующими
 латинский алфавит

То есть разбился на колонки одинаковой ширины и высоты так, чтобы текст не прерывался. Аналог:

body {
     -webkit-column-count: 20;
     -moz-column-count: 20;
     column-count: 20;
}

Только это подходит для горизонтальных колонок, а нужно — по вертикали в один столбец но с отступами.
Спасибо.

Написано более трёх лет назад

Валерий @Akuma

Это не колонки, а разбитие на абзацы.
Мне кажется, правильную идею подсказал Anonym в ответах

Написано более трёх лет назад

Решения вопроса 1

4 комментария

Пригласить эксперта

Ответы на вопрос 2

1 комментарий

2 комментария

Ваш ответ на вопрос

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

Войти через центр авторизации

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

CSS

Простой
Как задать универсальный @keyframes для нескольких разных блоков, без скриптов?
- 1 подписчик
- час назад
- 18 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему падает локальный сервер?
- 1 подписчик
- 2 часа назад
- 52 просмотра
0

ответов
JavaScript

Простой
Отмена дефолтного поведения?
- 1 подписчик
- 3 часа назад
- 54 просмотра
1

ответ
JavaScript

Простой
Как работают фигурные скобки в javascript?
- 1 подписчик
- 4 часа назад
- 84 просмотра
2

ответа
JavaScript

Простой
Почему в консоли выводится 6 и 340?
- 1 подписчик
- 4 часа назад
- 63 просмотра
1

ответ
JavaScript

+4 ещё

Простой
Почему при загрузке страницы происходит быстрый скролл вниз, а затем вверх?
- 1 подписчик
- 5 часов назад
- 51 просмотр
1

ответ
CSS

Простой
Как в CSS повернуть горизонтальный сайт на 90° чтобы на смартофне можно было горизонтально смотреть?
- 4 подписчика
- 5 часов назад
- 215 просмотров
2

ответа
JavaScript

+1 ещё

Простой
В чем заключается суть бинарного поиска неотсортированного массива?
- 1 подписчик
- 15 часов назад
- 216 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Swiper js, как сделать чтобы при фокусе по табу на ссылке внутри слайда не исчезала пагинация?
- 1 подписчик
- 16 часов назад
- 34 просмотра
0

ответов
CSS

Простой
Как применить свойство к псевдоэлементу?
- 2 подписчика
- 17 часов назад
- 178 просмотров
2

ответа
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Помощь с битрикс

30 апр. 2024, в 16:35

5000 руб./за проект

Интеграция WhatsApp, Instagram и ВКонтакте в наше FastAPI приложение

30 апр. 2024, в 16:21

5000 руб./за проект

Донастроить Asterisk 20 + FreePBX 17

30 апр. 2024, в 16:03

2500 руб./за проект

Может вручную по быстрому сверстаете и покажете «как должно быть в итоге»? Т.к. из задания следует, что можно просто разбить текст на параграфы и поставить им отступы.
Это не колонки, а разбитие на абзацы.
Мне кажется, правильную идею подсказал Anonym в ответах

Answer 1 · 2013-11-06 09:21:52

Николай Васильчук @Anonym

Программирую немного )

Код не претендует на правильность, но идею показывает
jsfiddle.net/D42cC/

Ответ написан более трёх лет назад

4 комментария

Answer 2 · 2013-11-06 03:55:36

Dron Krzh @walkman7

htmlbook.ru/css/columns

Ответ написан более трёх лет назад

1 комментарий

Answer 3 · 2013-11-06 14:13:48

Странно что вас не смущает, что это требование идет в разрез с правилами русского языка и вообще со здравым смыслом. Очень нелогично разбивать одно предложение двумя абзацами, так, что начало предложения в одном абзаце, а конец — в другом. Читабельность это точно не повысит, скорее наоборот.

Текст колонками по вертикали

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

Минуточку внимания

Войдите на сайт