сделать неупорядоченный список заполнить 2 столбца - PullRequest
Новая
       4

сделать неупорядоченный список заполнить 2 столбца

1 голос
/ 03 апреля 2012

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

вот мой текущий код.

HTML 

<ul class="twocol">
    <li>Great Golf</li>
    <li>Weddings</li>
    <li>Fishing</li>
    <li>History</li>
    <li>Water Sports</li>
    <li>Horseback Riding</li>
    <li>Fishing</li>
    <li>Arts and Theater</li>
    <li>Camping</li>
    <li>Hiking</li>
    <li>Shopping</li>
    <li>Dining</li>
    <li>Antiquing</li>
    <li>Unique Lodging</li>
</ul>

1008 * CSS * 

ul.twocol, ol.twocol
{
    width: 100%;
}

ul.twocol li, ol.twocol li
{
    position: relative;
    float: left;
    width: 50%;
}

1 Ответ

2 голосов
/ 03 апреля 2012

Лучший способ, возможно, менее поддерживаемый, хотя и не уверен, каковы требования вашего браузера: http://jsfiddle.net/DFJuB/

...