菜单比较简单：
>按列计数属性分为多列的无序列表
>列应该顺序填充，所以column-fill：auto
>菜单项表示为列表项
>每个列表项都有一个可点击的锚标签，通过display：block完全扩展
我的对齐问题是最明显的顶部边框和一些背景着色每个列表项。在Firefox中，列表项始终在每个列之间对齐，不会泄漏到上一个/下一个列。在Chrome中，对齐方式是一个问题，随着列表项的数量和填充/边距属性的不同而不同。
我发布了一个简单的测试用例的代码在这里：http://pastebin.com/Ede3JwdG
问题应该立即显而易见：在Chrome中，第二列中的第一个列表项会回到第一列。在删除列表项(单击它们)时，您可以看到对齐进一步细分。
我试图调整列表项的填充/边距无效：Chrome似乎有一个有缺陷的算法，如何流跨多列布局的内容。
我没有完全切换列数的主要原因(有利于手动生成/ Columnizer / etc。)是菜单系统还包括跨多个子菜单的拖放功能，并且具有菜单数据布局作为一个基于列表的层次结构为干净的代码。
有没有办法解决在Chrome中的对齐问题，还是应该立即放弃列计数？
添加：
> jsfiddle原型：http://jsfiddle.net/VXsAU/
> JS Bin原型：http://jsbin.com/ebode5/
解决方法
有一天，CSS 3！
也许尝试一个jQuery插件像http://welcome.totheinter.net/columnizer-jquery-plugin/？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
