CSS | min-block-size 属性

简介

min-block-size 属性用来设置元素的最小高度或最小宽度，具体取决于元素是内联元素还是块级元素。如果元素是块级元素，则设置最小高度；如果元素是内联元素，则设置最小宽度。

语法

selector {
  min-block-size: value;
}

取值

• ：具体的长度值，例如50px。
• ：相对于包含块的宽度或高度的百分比值，例如25%。
• inherit：从父元素继承该属性的值。

使用示例

示例一

在以下例子中，一个 div 元素被设置为最小宽度为 200 像素：

<div style="background-color: #ccc; min-block-size: 200px; display: inline-block;">
    <p>Lorem ipsum dolor sit amet</p>
</div> 

示例二

在以下例子中，一个 p 元素被设置为最小高度为 50%。

<p style="background-color: #ccc; display:inline; min-block-size:50%;">Lorem ipsum dolor sit amet</p>

浏览器支持

该属性兼容性较好，支持绝大部分现代浏览器，包括 Chrome, Safari, Firefox, Opera 和 IE。但还是建议在使用时查看各个浏览器的支持情况。