📜  CSS |自动换行属性

📅  最后修改于: 2021-08-30 02:37:24             🧑  作者: Mango

CSS 中的 word-wrap 属性用于分解长单词并换行到下一行。它定义了当内容超出其容器边界时是否断词。

句法:

word-wrap: normal|break-word|initial|inherit;

适当的价值:

  • normal:默认值,只能在正常断点处断行(空格、非字母数字字符等)。

    句法:

    word-wrap: normal;

    例子:

    
    
        
            
                word-wrap property
            
              
            
        
          
        
            
                GeeksforGeeks:AComputerSciencePortalForGeeks         
                                    

    输出:
    自动换行

  • break-word :超过容器宽度的单词将被任意打破以适应容器的边界。

    句法:

    word-wrap: break-word;

    例子:

    
    
        
            
                word-wrap property
            
              
            
        
          
        
            
                GeeksforGeeks:AComputerSciencePortalForGeeks         
                                    

    自动换行

  • initial:用于将自动换行属性设置为其默认值。
  • 继承:此属性是从其父级继承的。

支持的浏览器: word-wrap属性支持的浏览器如下:

  • 谷歌浏览器 4.0
  • 互联网探索 5.5
  • 火狐 3.5
  • Safari 3.1
  • 歌剧 10.5