当在对 HTML 网页进行布局，或者在评论、上架商品内容的时候，常常会有较长的文本出现，因此对文本的换行和不换行，就需要进行设定。通过 HTML 和 CSS 设置，是一种非常方便和简易的方法。

例如，上架商品时候涉及到的文本换行

设置连续的英文字母及数字换行

在一个盒子模型中，如果一句话遇到了 div 的边框，会自动进行换行，但是，对于连续的数字和英语则无效，这时候就需要调整 div 的 CSS 样式进行强制断行。

            
                            
    
                 This is a loooooooooooooooooooooooooooooooooooooooooong word.        
    
        
    
                 This is a short word.        
    
    

连续字母过长不会换行的情况

如果要对上面的长单词或者较长的连续字母，进行强制换行，则需要添加一下属性

word-wrap:break-word

word-break: break-all

CSS3 word-break 属性

指定 非CJK脚本 的断行规则，CJK脚本 是中国，日本和韩国（"中日韩"）脚本。

                
 This paragraph contains some text. This line will-break-at-hyphenates.
        
 This paragraph contains some text: The lines will break at any character.
    

keep-all只在空格或连字符断行

CSS3 word-wrap 属性

允许长的内容可以自动换行

reference