отображать неизвестное количество элементов

Question

Мне нужно показать количество катехорий в меню "x" (в основном скрытый div, который появляется, когда кто-то нажимает на навигационное меню под названием "Category").Нет проблем с div, но я борюсь с организацией категорий в любом порядке в div.Я не хочу, чтобы это был список из одного столбца, простирающийся до самой страницы, поэтому я бы хотел иметь список из нескольких столбцов или что-то еще.Я слышал, что многостолбцовый список имеет проблемы с совместимостью и с ним трудно справиться.Какие еще есть варианты?

Что-то похожее на список категорий в http://www.answerbag.com/

Спасибо

Answer 1

Я писал ответ, но эта статья работает лучше:

http://www.alistapart.com/articles/multicolumnlists/

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

Answer 2

Не так много, нет.Кодировать многостолбцовый список легко, если вы внимательно следите за шириной и очисткой поплавков:

HTML

<div id="list">
    <ul>
        <li>Cat 1</li>
        <li>Cat 2</li>
        <li>Cat 3</li>
    </ul>
    <ul>
        <li>Cat 4</li>
        <li>Cat 5</li>
        <li>Cat 6</li>
    </ul>
    <div class="clear"></div>
</div>

CSS

#list {
    width: 400px;
}

#list ul {
    float: left;
    width: 200px; /* This width should be #list width divided by number of columns */
    margin: 0;
    padding: 0;
    list-style: none;
}

#list li {
    margin: 0;
    padding: 5px 0;
}

.clear {
    clear: both;
}