1

column-list は、word-wrap ではなく、フィールドセットでうまく機能します。

<fieldset>
    <ul>
        <li><a href="#">foo</a> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
        <li>bbbbbb</li>
        <li>ccccccc</li>
        <li>aaaaaaaa</li>
        <li><a href="#">foo</a>aaaaaaaa</li>
        <li>aaaaaaaa</li>
        <li>aaaaaaaa</li>
    </ul>
</fieldset>

ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

ul li{
 word-wrap: break-word;
}

テスト: http://jsfiddle.net/jbe07sbs/1/

Chrome 39.0.2171.71 m でテスト済み

関連: fieldset の column-count が Firefox で機能しない

4

1 に答える 1

3

デモ - http://jsfiddle.net/jbe07sbs/2/

ul li {
  word-wrap: break-word;
  word-break: break-all; /** adding this will fix **/
}

ワードブレイク: ブレイクオール

連続した単語であるか多くの単語であるかに関係なく、幅制限の端でそれらを分割します。(つまり、同じ単語の文字内でも)

于 2014-12-08T05:52:09.653 に答える