Css 列填充：天平不在铬合金中工作？
Css 列填充：天平不在铬合金中工作？,css,google-chrome,css-multicolumn-layout,Css,Google Chrome,Css Multicolumn Layout,列填充：平衡应该“在列之间平均分配内容”。它在Firefox和Edge中似乎工作正常。但是Chrome（和Opera）似乎真的不喜欢第二栏，留下的大部分是空的 这似乎与元素的高度有关，但我不知道确切的原因。在第一个示例中，我希望第二段位于第二列，但Chrome将它们都放在左边的列中，而右边的一段为空 第二个例子展示了一个不同的类似不平衡的例子 div{ 边框：纯蓝3px； 列数：2； 列填充：平衡； } p{ 边框：纯红3px； 破门而入：避免； } .second{高度：100px；} 普
列填充：平衡应该“在列之间平均分配内容”。它在Firefox和Edge中似乎工作正常。但是Chrome（和Opera）似乎真的不喜欢第二栏，留下的大部分是空的
这似乎与元素的高度有关，但我不知道确切的原因。在第一个示例中，我希望第二段位于第二列，但Chrome将它们都放在左边的列中，而右边的一段为空
第二个例子展示了一个不同的类似不平衡的例子
div{
边框：纯蓝3px；
列数：2；
列填充：平衡；
}
p{
边框：纯红3px；
破门而入：避免；
}
.second{高度：100px；}
普通的
.second
普通的
普通的
普通的
.second
普通的
列填充
属性值仅对Firefox可用
就像在chrome中一样，列数实际上是列数/2
。而在firefox中，其实际列数：
要使其在所有浏览器列填充上均匀工作，应使用auto
有趣的信息。但是，使用列填充：auto不会改变Chrome中的行为。与中的不同<代码>自动
尝试按顺序填充每一列，直到列覆盖元素的高度。我想说的是，如果你对你的元素给予更具体更高的评价。您将看到内容按从左到右的顺序在列中进行分段。请删除p
：（或者使用div
，这可能更合适）。。。请注意，CSS列仍然存在一些缺陷，在某些情况下可能需要前缀属性：