如何在 CSS 中定义 word-break 属性以允许单词继续到下一行？

在本文中，我们将看到如何在 CSS 中定义 word-break 属性以允许单词继续到下一行。您可以使用break-all和break-word属性值来定义word-break 属性，该属性用于指定当单词到达行尾时如何中断单词。

句法：

word-break: break-all | break-word;

适当的价值：

• break-all：用于在任意字符处打断单词以防止溢出。
• 断字：用于在任意点断字以防止溢出。

示例 1：

HTML

  

    

  

    
        
Welcome to GeeksforGeeks 
  
        
word-break: break-all;
        

            GeeksforGeeksGeeksGeeks. A computer 
            science portal for geeks.
        
    

  

输出：

示例 2：

HTML

  

    

  

    
        
Welcome to GeeksforGeeks 
  
        
word-break: break-word;
        

            GeeksforGeeksGeeksGeeks. A computer 
            science portal for geeks.
        
    

  

输出：

示例 3：在此示例中，我们将使用overflow-wrap属性。

句法：

overflow-wrap: break-word;

HTML

  

    

  

    
        
Welcome to GeeksforGeeks 
  
        
overflow-wrap
        

            GeeksforGeeksGeeksGeeks. A computer 
            science portal for geeks.
        
    

  

输出：

支持的浏览器：

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