Web速查-索引

max-height

定义

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

注意:该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。max-width属性不包括填充,边框,或页边距

语法

max-height:none|length|%|inherit;

属性值

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

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
p
{
max-height:66px;
background-color:green;
}
</style>
</head>
<body>
<p>这一段的最大高度设置为66 px。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut distinctio incidunt libero nam quis recusandae velit. A aliquid, blanditiis consectetur enim fugit incidunt inventore iure labore odio possimus saepe vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, consequatur culpa dolores ducimus eum hic incidunt magni officia ratione velit? Dolor fuga maiores nam quasi quis sunt! Dicta, nisi, odit!</p>
</body>
</html>

这一段的最大高度设置为66 px。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut distinctio incidunt libero nam quis recusandae velit. A aliquid, blanditiis consectetur enim fugit incidunt inventore iure labore odio possimus saepe vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, consequatur culpa dolores ducimus eum hic incidunt magni officia ratione velit? Dolor fuga maiores nam quasi quis sunt! Dicta, nisi, odit!

浏览器支持

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

Safari Chrome FireFox IE
1.0 1.0 1.0 7.0