多列问题(CSS3)

Question

我在CSS3中的多列实现中遇到了麻烦，该多列用于带有描述的菜单项列表。

查看实时视图的Demo。

实际上，在调整浏览器窗口大小时，我使用media-queries来更改列数，但是在我有3列的情况下，我在第二列的顶部得到了一个错误。

事实上，描述必须位于第一列最后一项的底部，这一点很明显。

有人能帮帮我吗？

Answer 1

您应该添加以下内容：

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

致您：

#indice ul li 

选择器。