list - 多列问题 (CSS3)

Question

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

请参阅演示以获取实时视图。

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

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

有人可以帮我吗？

Answer 1

你应该添加这个：

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

给您：

#indice ul li 

选择器。