代码：

    
              
     
      
      
word-wrap 文本换行
      
      
首页
    
     
    
     
         
      
默认normal
        
      
                阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺         sunlikesunlikesunlikesunlikesunlikesunlikesunlikesunlike         sunlike sunlike sunlike sunlike sunlike sunlike sunlike sunlike          
      
          
      
word-wrap: normal;
         
      
                阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺         sunlikesunlikesunlikesunlikesunlikesunlikesunlikesunlike          sunlike sunlike sunlike sunlike sunlike sunlike sunlike sunlike          
      
           
      
word-wrap: break-word;
          
      
                阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺阿理旺旺         sunlikesunlikesunlikesunlikesunlikesunlikesunlikesunlike          sunlike sunlike sunlike sunlike sunlike sunlike sunlike sunlike          
      
     
     

　　

 

 

效果1：

 

总结1：默认情况下，word-wrap的值为normal，中文字符自动换行，英文单词不断行

            （图解CSS3：默认值，浏览器只在半角空格或者连字符的地方进行换行）

 

 

效果2：

 

总结2：设置word-wrap的值为normal时，中文字符自动换行，英文单词不会截断来换行，超出本分直接溢出

  （图解CSS3：默认值，浏览器只在半角空格或者连字符的地方进行换行）

 

 

效果3：

 

 

总结3：设置word-wrap值为break-word时，中文自动换行，英文单词或字符截断换行

  （图解CSS3：将内容在边界换行（不截断英文单词换行））