Question

column-list工作正常的字段集，而不是自动换行。

<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

相关：column-count on fieldset doesn't work for firefox

Answer 1

演示 - http://jsfiddle.net/jbe07sbs/2/

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

断言：打破所有

无论是连续的单词还是多个单词，都是休息   它们在宽度限制的边缘。（即使在   同一个字的字符）

字段集内的列表中的CSS列计数不是破解字

1 个答案: