📜  Tailwind CSS 最小高度

📅  最后修改于: 2021-08-31 07:27:33             🧑  作者: Mango

这个类接受很多 Tailwind CSS 中的值,其中所有的属性都以类的形式覆盖。它是 CSS Min-Height 属性的替代品。该类用于设置元素的最小高度。当元素的内容小于min-height时使用 min-height类,如果内容大于min-height,则无效。此类确保高度类的值不小于所考虑元素的指定 min-height 值。

最小高度类:

  • 分钟-小时-0
  • min-h-full
  • 最小屏幕

min-h-0:该类用于设置任何元素的最小特定高度。

句法:

...

例子:

HTML
 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Min-Height Class      
        
min-h-0
    
    


HTML
 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Min-Height Class      
        
min-h-full
    
    


HTML
 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Min-Height Class      
        
min-h-screen
    
    


输出:

min-h-full:该类用于根据父元素设置已满元素的最小高度。

句法:

...

例子:

HTML

 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Min-Height Class      
        
min-h-full
    
    

输出:

min-h-screen:这个 class 用于使元素跨越视口的整个高度最小值。

句法:

...

例子:

HTML

 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Min-Height Class      
        
min-h-screen
    
    

输出: