0

我有一些要在 2 列中显示的文本。我使用 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;
}

问题是，如果我没有那么多文本，那么文本仍然会分成 2 列。因此，我尝试设置一个min-height. 现在它适用于小文本，但是当我收到大量文本时，有些部分会被截断。

知道我该如何解决吗？

4

1 回答 1

0

我想你正在寻找column-fill: auto;. 似乎浏览器column-fill:balanced默认实现了多个列。

我只在 Firefox 和 IE10 上测试过它，而且它似乎只适用于-moz-column-fill:auto;. 根据W3C 参考资料，目前还没有浏览器支持此功能。

你可以在这里看到它的实际效果（在 Firefox 上）：http: //jsfiddle.net/Trickery/GqMXn/

于 2013-07-09T14:42:34.510 回答