HTML | DOM 样式 wordBreak 属性

DOM 样式wordBreak属性用于设置或返回 word-break 属性。 word-break 属性用于指定在行尾到达单词时如何中断单词。文本中的换行符可能出现在某个wordBreak属性中。

句法：

• 它用于返回 wordbreak 属性：

  object.style.wordBreak 

• 它用于设置 wordBreak 属性：

  object.style.wordBreak = "normal|break-all|keep-all|initial|
  inherit" 

属性值：

• normal：该属性使用默认的换行规则。
• break-all：用于在任意字符处打断单词以防止溢出。
• Keep-all：与普通值相同。
• break-word：用于在任意点打断单词以防止溢出。
• 初始：将属性设置为其默认值。

示例 1：

 
 
     
         
            p { 
                width: 140px; 
                border: 1px solid #000000; 
            } 
              
            #gfg { 
                word-break: normal; 
            } 
         
     
     
         
            GeeksforGeeks 
            DOM Style wordBreak Property  
            GeeksforGeeksGeeksGeeks. 
            A computer science portal for geeks . 
            Submit
  
                
               function myGeeks() {
         document.getElementById("gfg").style.wordBreak = "break-all";
                }
      
         
     
                     

单击按钮之前：

点击按钮后：

示例 2 ：

 
 
     
         
            p { 
                width: 140px; 
                border: 1px solid #000000; 
            } 
              
            #gfg { 
                word-break: break-all; 
            } 
         
     
     
         
            GeeksforGeeks 
            DOM Style wordBreak Property  
            GeeksforGeeksGeeksGeeks. 
            A computer science portal for geeks . 
            Submit
  
                
            function myGeeks() {
        document.getElementById("gfg").style.wordBreak = "normal";
                }
    
         
     
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Style wordBreak属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器