多列问题(CSS3)

时间:2012-09-27 08:04:41

标签: list css3 menu media-queries multiple-columns

对于带有描述的项目的菜单列表,我在CSS3中实现多列时遇到了麻烦。

有关实时视图,请参阅Demo

实际上,我在调整浏览器窗口大小时使用media-queries来更改列数,但在我有3列的情况下,我在第二列的顶部出现错误。

事实上,描述必须位于第一列的最后一项的底部,显而易见。

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:2)

你应该添加:

-webkit-column-break-inside: avoid;
column-break-inside: avoid;

致你的:

#indice ul li 

选择