![]() |
Максим Никитин
27 июля 2009 |
|
![]() |
Задача. | Разбить список на колонки. |
![]() |
![]() |
![]() |
Самый простой способ — достучаться CSS-селектором до каждой колонки отдельно с помощью :nth-child(n)
, но количество селекторов будет расти с количеством колонок. К тому же, это решение не подходит для старых браузеров. Поэтому используем display:inline-block
и vertical-align:top
для <li>
, а для IE, как всегда, «частное решение».
Недостатки. В браузерах, которые не понимают inline-block можно пройти по ссылке, кликнув на пустую область.
Примечание. Решение актуально, когда нет возможности менять HTML-код.
|
|
© 19952024 Студия Артемия Лебедева
|