AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Многоколоночный текст

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

Поэтому, чтобы использовать большие дисплеи по максимуму, следует разбивать большой текст на столбцы заданного размера, как в газетах или журналах.

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


Исходный код этого примера:

<style>
    .columns3 {
        text-align: justify;
        columns: 3 300px;
        column-gap: 2em;
        column-rule: 1px solid #e31e24;
    }
</style>
<div class="columns3">
    <p>
        Людям сложно читать текст, если строки слишком длинные. Пока человек перемещает
        взгляд с конца текущей строки на начало следующей, он теряет строку, на которой находился.
    </p>
    <p>
        Поэтому, чтобы использовать большие дисплеи по максимуму,
        следует разбивать большой текст на столбцы заданного размера, как в газетах или журналах.
    </p>
    <p>
        Почти все современные браузеры поддерживает многоклоночный текст без указания префиксов.
        В крайнем случае текст просто будет выведен обычным образом в одном блоке.
    </p>
</div>



.

© Copyright 2008-2020 by KDG



Rambler's Top100