CSS | min-block-size 属性

CSS 中的min-block-size 属性用于创建元素的最小水平或垂直尺寸。如果书写方向是水平的，那么min-block-size等价于min-height属性，如果是垂直模式，则等于min-width属性。

句法：

min-block-size: length| percentage| auto| none| min-content| 
                max-content| fit-content| inherit| initial| unset;

属性值：

• 长度：它设置了一个固定值，定义在 px、cm、pt 等中。也允许负值。它的默认值为 0px。
• 百分比 (%)：与长度相同，但大小是根据窗口大小的百分比设置的。
• auto：当需要浏览器确定块大小时使用。
• none：当您不想限制框的大小时使用它。
• max-content：当您在框的大小上首选 min-width 时使用它。
• min-content：当您在框的大小上首选 min-width 时使用它。
• fit-content：当您在框的大小上更喜欢精确宽度时使用它。
• initial：用于将 min-block-size 属性的值设置为其默认值。
• 继承：当希望元素从其父元素继承 min-block-size 属性时使用。
• unset：用于取消设置默认的混合块大小。

下面的例子说明了 CSS 中的 min-block-size 属性：
示例 1：

 
 
  
 
     
     
 
  
 
     
        
Geeksforgeeks
 
        CSS | min-block-size Property 
        

 
        
 
            
 
                A Computer Science Portal for Geeks 
            
 
        
 
     
 
  
                     

输出：

示例 2：

 
 
  
 
     
     
 
  
 
     
        
Geeksforgeeks
 
        CSS | min-block-size Property 
        

 
        
 
            
 
                A Computer Science Portal for Geeks 
            
 
        
 
     
 
  
                     

输出：

支持的浏览器： min-block-size 属性支持的浏览器如下：

• 火狐
• 谷歌浏览器
• 边缘
• 歌剧

参考： https://developer.mozilla.org/en-US/docs/Web/CSS/min-block-size