📜  顺风 CSS 宽度

📅  最后修改于: 2022-05-13 01:56:38.441000             🧑  作者: Mango

顺风 CSS 宽度

此类接受 tailwind CSS 中的许多值,其中所有属性都以类的形式覆盖。它是 CSS 宽度属性的替代方案。该类用于设置文字、图片的宽度。宽度可以以像素(px)、百分比(%)、厘米(cm)等形式分配给文本和图像。

宽度等级:

  • w-0:此类表示宽度设置为零。
  • w-auto:该类表示根据内容设置宽度
  • w-1/2:此类表示宽度设置为窗口的一半。
  • w-1/3:此类表示宽度设置为窗口的三分之一。
  • w-1/4:此类表示宽度设置为窗口的四分之一。
  • w-1/5:此类表示宽度设置为窗口的五分之一。
  • w-1/6:此类表示宽度设置为窗口的六分之一。
  • w-1/12:此类表示宽度设置为窗口的十二分之一。
  • w-full:这个类意味着宽度设置为full。
  • w-screen:此类表示宽度设置为屏幕大小。
  • w-min:该类用于定义min-width
  • w-max:该类用于定义最大宽度

注意:您可以使用有效的“rem”值更改数字或设置百分比值。

句法:

...

例子:

HTML
 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Width Class      
        
          w-1/2         
        
          w-1/2         
    
    
      
          w-2/5       
      
          w-3/5       
    
    
      
          w-1/3       
      
          w-2/3       
    
    
      
          w-1/4       
      
          w-3/4       
    
    
      
          w-1/5       
      
          w-4/5       
    
    
      
          w-1/6       
      
          w-5/6       
    
    
          w-full     
    


输出: