?

Log in

No account? Create an account

Previous Entry Поделиться Next Entry
Список и ширина колонки
nobelfaik
У каждого списка есть своя оптимальная ширина колонки, а точнее, оптимальный диапазон ширины — такой, в котором ему комфортно. (Под списком я подразумеваю любые мелкие порции — кусочки текста, сопоставимые по структуре и объему.)

Возьмем пример с короткими элементами. Если пунктов немного, то проблемы нет:


Чем длиннее список, тем больше разрастается дыра справа. Верстка перестает быть модульной (и компактной):


Логичное решение — разбить на колонки. Вопрос в том, сколько колонок сделать. При трех еще дыряво, зато есть запас прочности на случай, если вдруг появится Константинопольский К. К. Хороший вариант для веба, где всё немного плавает:


Если Константинопольского К. К. не предвидится, можно уместить и в четыре. Хорошее решение для печати, где всё железно:


В пяти колонках останутся обрезки, да и средник слишком узкий:


Другой пример. Правый край получился рваным из-за того, что строки сильно отличаются по длине:


Разбиваем на два столбца. Так аккуратнее:


Иногда бывают варианты. Этому списку удобно и в одной, и в двух колонках:



В трех тоже выглядит неплохо, но читается хуже, слишком частый ритм:


Вывод: подбирайте ширину колонки в зависимости от количества и объема пунктов списка. Всё просто, однако плохие примеры на каждом шагу.

Записи из этого журнала по тегу «статья»

  • Подружить текст с картинкой

    Верстка в широком смысле — это составление целого из различных частей. Сложность в том, что элементы, которые на макете должны жить вместе,…

  • Прижать линейку

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

  • Маркеры в многоуровневых списках

    В эфире рубрика ???. Алексей Зотов спрашивает: Какие маркеры использовать в многоуровневых маркированных списках? Отвечаю: никакие. В русской…