CSS |最大宽度属性

CSS 中的 max-width 属性用于定义元素的最大宽度。宽度的值不能大于 max-width 的值。如果内容大于 max-width 则它会转到下一行，如果内容小于 max-width 那么它没有效果。

句法：

max-width: none|length|initial|inherit;

属性值：

• none：默认值，不包含max-width。

  句法：

  max-width: none;

  例子：

  
  
      
          
            
          
          
      
        
      
          
  
              GeeksforGeeks: A computer science portal
          
      
                      
  

  输出：
  

• length：该属性用于设置max-width的长度。长度可以设置为px、cm等形式。

  句法：

  max-width: length;

  例子：

  
  
      
          
            
          
          
      
        
      
          
  
              GeeksforGeeks: A computer science portal
          
      
                      
  

  输出：
  

• 百分比(%)：该属性用于以百分比的形式设置最大宽度。

  句法：

  max-width: %;

  例子：

  
  
      
          
            
          
          
      
        
      
          
  
              GeeksforGeeks: A computer science portal
          
      
                      
  

  输出：
  

• initial：用于将 max-width 属性设置为其默认值。

  句法：

  max-width: initial;

  例子：

  
  
      
          
            
          
          
      
        
      
          
  
              GeeksforGeeks: A computer science portal
          
      
                      
  

  输出：
  

• 继承：此属性是从其父级继承的。

支持的浏览器： max-width属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 7.0
• 火狐 1.0
• Safari 2.0.2
• 歌剧7.0