Html 为什么chrome在使用列时不使用所有宽度？

我对Chrome和columns有问题

我希望有一组链接，每个链接都有一个标题，这些标题被组织成不会在多个列之间拆分的列

我已经设法在firefox、ie和safari中实现了这一点，但chrome并没有发挥作用

如果删除display:inline块，它几乎可以正常工作，只是看起来一切都很混乱

非常感谢您的帮助 .

页脚{
填充：0px；
保证金：8px 0px 0px 0px；
背景色：#F5；
边框顶部：1px实心#ddd；
}
页脚链接{
色谱柱：170px；
-webkit列：170px；
-moz柱：170px；
填充：0px 0px 20px 0px；
保证金：0px 0px 0px 0px；
}
footer.footerset{
-webkit列内部中断：避免；
-莫兹柱内折：避免；
破门而入：避免；
显示：内联块；
}

qwerty














gdgdfvfdvfdvfdvdvdf






















dfdsfsdfds














fdsfdsafdsda
















弗森奈尔

为什么不这样做呢

页脚{
填充：0px；
保证金：8px 0px 0px 0px；
背景色：#F5；
边框顶部：1px实心#ddd；
}
页脚链接{
宽度：100%；
框大小：边框框；
填充：0px 0px 20px 0px；
保证金：0px 0px 0px 0px；
}
footer.footerset{
宽度：33%；
浮动：左；
填充：16px；
框大小：边框框；
}
footer.footerset:第n个子项（4）{
明确：两者皆有；
}

qwerty














gdfvfdvfdvf






















dfdsfsdfds














fdsfdsafdsda
















弗森奈尔

为什么不这样做呢

页脚{
填充：0px；
保证金：8px 0px 0px 0px；
背景色：#F5；
边框顶部：1px实心#ddd；
}
页脚链接{
宽度：100%；
框大小：边框框；
填充：0px 0px 20px 0px；
保证金：0px 0px 0px 0px；
}
footer.footerset{
宽度：33%；
浮动：左；
填充：16px；
框大小：边框框；
}
footer.footerset:第n个子项（4）{
明确：两者皆有；
}

qwerty














gdfvfdvfdvf






















dfdsfsdfds














fdsfdsafdsda
















弗森奈尔