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 でのみテストしましたが、Firefox でのみ動作するよう-moz-column-fill:auto;です。W3C リファレンスによると、これをサポートしているブラウザーはまだありません。

ここで（Firefoxで）実際に動作しているのを見ることができます：http://jsfiddle.net/Trickery/GqMXn/

于 2013-07-09T14:42:34.510 に答える