我在使用column-count的Chrome中遇到问题，其中列底部的列表项的下划线被截断并显示在下一列的顶部。见下图：
Notice the far right column, above "Slovenia"
最右边栏顶部的那条小线是＆＃34; p＆＃34;的衬线的末端。斯洛伐克共和国。这只是Chrome上的问题，在Firefox中，最后一项实际上是＆＃34;斯洛文尼亚＆＃34;在倒数第二列。更改为不同的serif字体或sans-serif字体也无法解决问题（实际上更明显）。
应用于列表项时 break-inside: avoid-column;并未解决问题，-webkit-column-break-inside: avoid;也未解决。我可能没有将它应用于正确的元素？当然，首选非JavaScript解决方案。
答案 0 :(得分：0)
这是一个已知问题。请参阅：http://caniuse.com/#feat=multicolumn
据报道，Chrome会错误地计算容器高度，并且通常会打开边距，填充，并且可以显示上一列底部下一列的1px。可以通过向列容器添加
-webkit-perspective:1;来解决部分问题。这会为容器创建一个新的堆叠上下文，并且显然会导致chrome（重新）计算列布局。
