你对CSS 中max-width 和max-height属性的用法是否熟悉,这里和大家分享一下,max-width 属性值会对元素的宽度设置一个最高限制,而max-height属性值会对元素的高度设置一个最高限制。
CSS max-width 属性
定义和用法
max-width 定义元素的最大宽度。
说明
该属性值会对元素的宽度设置一个最高限制。因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。
实例
设置段落的最大宽度:
- p
- {
- max-width:100px;
- }
浏览器支持
所有主流浏览器都支持 max-width 属性。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
CSS max-height 属性
定义和用法
max-height 属性设置元素的最大高度。
说明
该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。
注释:max-height 属性不包括外边距、边框和内边距。
实例
设置段落的最大高度:
- p
- {
- max-height:100px;
- }
浏览器支持
所有主流浏览器都支持 max-height 属性。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
【编辑推荐】