У меня большие трудности с использованием стиля колонок CSS 3.Я использую Firefox 3.6, который должен поддерживать макет -moz-column.
У меня есть список элементов, и я пытаюсь отобразить их в 2 столбца, сверху вниз.Чтобы помочь моему внутреннему алгоритму сортировки, самый первый элемент списка - это подсписок.
мой css использует это
.container{
-moz-column-width:635; //slightly wider than the list item we're displaying
-moz-column-rule:1px solid;
}
.sub_list{
width:50%;
display:list-item;
}
.item{
overflow:hidden;
padding:0;
margin:0;
display:list-item;
width:634px;
}
К сожалению, мой список отображается как список из одного столбца или как несколько столбцовмакет, где каждый <li> помечен float:left;, но этого недостаточно, поскольку он упорядочивает таким образом:
1 2
3 4
5 6
Это не то, что мне нужно, и это выглядит абсолютно отвратительно, потому что элемент списка 1 сам по себесписок.
Все примеры, которые я нашел, похоже, упорядочивают элементы списка по вертикали, и они не используют никаких дополнительных тегов: http://weblogs.mozillazine.org/roc/archives/2005/03/gecko_18_for_we.html и / или https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions.
Может кто-нибудь сказать мне, что я делаю не так?Возможно, я не могу правильно понять механизм размещения.