Tailwind CSS 最大高度

这个类接受很多 Tailwind CSS 中的值，其中所有的属性都以类的形式覆盖。它是 CSS Max-Height 属性的替代品。该类用于设置元素的最大高度。如果元素的内容大于指定的最大高度，则内容将溢出，否则无效。如果元素的内容小于它没有效果。高度类值可以被max-height类覆盖。

最大高度类：

• 最大-h-0
• 最大高度像素
• max-h-full
• 最大-h-屏幕

注意：您可以使用有效的“rem”值更改数字。

max-h-0：该类用于设置任何元素的最大特定高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Max-Height Class 
    

        
max-h-0
    
 
  

输出：

max-h-px：此类用于为任何元素设置 1px 特定高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Max-Height Class 
    

        
max-h-px
    
 
  

输出：

max-h-full：该类用于根据父元素设置满元素的最大高度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Max-Height Class 
    

        
max-h-full
    
 
  

输出：

max-h-screen：该类用于使元素跨越视口的整个高度到最大值。要在特定断点处控制元素的最大高度，请向任何现有的最大高度实用程序添加“屏幕”前缀。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Max-Height Class 
    

        
max-h-screen
    
 
  

输出：