目录

CSS max-height 属性


示例

将 <p> 元素的最大高度设置为 50 像素:

p.ex1 {
  max-height: 50px;
}
亲自试一试 »

定义和用法

这个max-height属性定义元素的最大高度。

如果内容大于最大高度,就会溢出。容器如何处理溢出的内容由溢出属性。

如果内容小于最大高度, max-height属性没有影响。

笔记:这会阻止该值的高度属性不会变得大于max-height。的值 max-height属性覆盖高度属性。

默认值: 没有任何
遗传:
可动画: 是的,查看各个属性阅读可动画的尝试一下
版本: CSS2
JavaScript 语法: 对象.style.maxHeight="100px"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
max-height 1.0 7.0 1.0 2.0.2 7.0


CSS 语法

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

属性值

Value Description Demo
none No maximum height. This is default Play it »
length Defines the maximum height in px, cm, etc. Read about length units Play it »
% Defines the maximum height in percent of the containing block
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 高度和宽度

CSS 参考:最小高度属性

HTML DOM 参考:最大高度属性