我在 Chrome 中遇到问题,column-count
列底部的列表项的下降部分被截断并出现在下一列的顶部。请看下面这张图片:
最右列顶部的那条小线是斯洛伐克共和国“p”衬线的结尾。这只是 Chrome 上的一个问题,在 Firefox 中,最后一项实际上是倒数第二列中的“斯洛文尼亚”。更改为不同的衬线字体或无衬线字体也不能解决问题(实际上更明显)。
break-inside: avoid-column;
当应用于列表项并不能解决问题时,-webkit-column-break-inside: avoid;
. 我可能没有将它应用于正确的元素?当然,非javascript解决方案将是首选。