字段集內列表中的CSS列計數不會出現中斷字

Question

列表工作正常字段集，而不是單詞換行。

<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米測試

相關：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 **/ 
} 

字突破：突破 - 所有

不管它是一個連續的字或詞很多，打破 起來的寬度極限的邊緣。 （即使在同一個字的 字符內）