列的Css属性

我想在两列中显示一些文本。我使用css属性实现了这一点，如下所示：

.merchant-filialheader .merchant-rightside {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  /* IE9 or lower just have 1 column */
  padding-left: 10px;
  font-size: 0.8em;
}

问题是如果我没有那么多的文本，那么文本仍然会被分成两列。因此，我尝试设置一个

最小高度

。现在它适用于小文本块，但当我得到大量文本时，一些部分会被切断

---

你知道我该怎么解决吗？

我想你正在寻找

列填充：自动。浏览器似乎在默认情况下使用
列填充：balanced
实现了多个列

我只在Firefox和IE10上测试过它，它似乎只在Firefox上使用
-moz column fill:auto。据《每日邮报》报道，目前还没有浏览器支持这一点

您可以在这里（Firefox上）看到它的作用：
您可以发布一个JSFIDLE吗？这是一个jsfiddle。这很简单，但是当您取消注释最小高度时。有些文字被删掉了，我无法复制。无论我在那里放了多少文本，或者我如何调整窗口大小，它都能很好地呈现。问题是我想要一个最小大小（因为我不希望文本是平衡的，我希望它从第一列浮动到第二列）。问题是如果我设置了最小高度值，我得到了大量的文本，并不是所有的文本都显示出来（在这种情况下，框应该更高）