Twitter bootstrap 为什么我的列计数不能在Chrome中使用引导？

我尝试使用

。列化{
-webkit列数：3；
-moz列数：3；
列数：3；
}

和标记

文本

但是整个div显示为一条线，所有的

p

s看起来都是向右浮动的

奇怪的是，这在Firefox28和InternetExplorer10中都能起作用，而在Chrome33中却不能起作用。我当时使用的是Twitter的引导程序，col-md-6将最小高度定义为1px，因此是细线

我设法解决了这个问题，在我的

列化的

类中添加了

minheight:initial

---

希望这能帮助其他遇到这个奇怪问题的人。

我还发现

-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;

及

解决了内容在列之间垂直断开的问题

---

column count标记比floating div更容易实现，主要区别在于列内容是垂直排序的，而浮动内容是水平排序的。希望这能有所帮助。

是的，这对我也很有用。你怎么知道

initial

有效？有效！在这里，引导程序不断添加最小高度属性

break-inside: avoid-column;
-webkit-column-break-inside: avoid;