CSS max-height 属性

设置段落的最大高度：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p {
      max-height: 50px;
      background-color: yellow;
    }
  </style>
</head>

<body>
  <p>这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。</p>
</body>
</html>

尝试一下 »

属性定义及使用说明

max-height 属性设置元素的最大高度。

注意： max-height属性不包括填充，边框，或页边距！

默认值： none
继承： no
版本： CSS2
JavaScript 语法： object.style.maxHeight="10px"

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
max-height 1.0 7.0 1.0 2.0.2 7.0

属性值

值 描述
none 默认。定义对元素被允许的最大高度没有限制。
length 定义元素的最大高度值。
% 定义基于包含它的块级对象的百分比最大高度。
inherit 规定应该从父元素继承 max-height 属性的值。

相关文章

CSS 教程: CSS Dimension

CSS 参考手册: min-height 属性