简体中文
CSS 属性 min-height 能够设置元素的最小高度。这样能够防止 height 属性的应用值小于 min-height 的值。
Web | Android | iOS |
---|---|---|
4.0 | 3.9 | 4.11 |
min-height: <viewport-length>;
名称 | 兼容性 | 描述 |
---|---|---|
fit-content | 元素的高度将自动调整为适应内容的大小,但不会小于内容的最小高度 min-content 值。 | |
max-content | 元素的最小高度不会小于内容的最大高度。 | |
min-content | 元素的最小高度不会小于内容的最小高度。 | |
auto | 浏览器将通过计算为指定元素选择一个 min-height 值。 | |
none | 不限制盒容器的尺寸。 |
平台 | 默认值 |
---|---|
uvue | 0px |
注意:W3C 默认值为:auto
Template
Script
<template>
<view style="flex-grow: 1;">
<view>
<text>min-height: 250px</text>
<view class="common" style="min-height: 250px;">
<text>height: 50px</text>
</view>
</view>
</view>
</template>
<style>
.common {
width: 250px;
height: 50px;
background-color: red;
justify-content: center;
align-items: center;
}
</style>
在App端为了优化文字排版性能,不支持 auto、none、max-content、min-content、fit-content,默认值为0px。
默认值为 auto,通过计算选择一个 min-height 值。