顺风 CSS 高度

这个类接受很多 Tailwind CSS 中的值，其中所有的属性都以类的形式覆盖。它是 CSS height 属性的替代品。该类用于设置元素的高度。 height 类不包含元素的内边距、边距和边框。

身高等级：

• h-0：此类将高度设置为零。
• h-auto：该类根据内容设置高度。
• h-px：该类用于设置高度为 1px 固定。
• h-1/2：这个类将高度设置为窗口的一半。
• h-1/3：此类将高度设置为窗口的三分之一。
• h-1/4：此类将高度设置为窗口的四分之一。
• h-1/5：此类将高度设置为窗口的五分之一。
• h-1/6：此类将高度设置为窗口的六分之一。
• h-full：这个类将元素的高度设置为其父元素的 100%，只要父元素具有定义的高度。
• h-screen：此类用于使元素跨越视口的整个高度。

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

h-0：该类用于为任何元素设置特定的高度，您可以使用有效数量的 rem 单位更改数字以固定元素的高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Height Class 
    

        
h-8
        
h-12
        
h-16
        
h-20
        
h-24
        
h-32
        
h-40
        
h-48
        
h-52
    
 
  

输出：

h-auto：该类用于让浏览器确定元素的高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Height Class 
    

        
h-auto
    
 
  

输出：

h-screen：此类用于使元素跨越视口的整个高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Height Class 
    

        
h-screen
    
 
  

输出：

h-full：此类用于将元素的高度设置为其父元素的 100%，只要父元素具有定义的高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Height Class 
    

        
h-full
    
 
  

输出：