CSS中max-width和max-height属性使用手册

开发 前端
本文向大家描述一下CSS max-width属性和CSS max-height属性的用法,max-width 定义元素的最大宽度,而max-height 属性设置元素的最大高度。

你对CSS 中max-width 和max-height属性的用法是否熟悉,这里和大家分享一下,max-width 属性值会对元素的宽度设置一个最高限制,而max-height属性值会对元素的高度设置一个最高限制。

CSS max-width 属性

定义和用法

max-width 定义元素的最大宽度。

说明

该属性值会对元素的宽度设置一个最高限制。因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。

实例

设置段落的最大宽度:

  1. p  
  2.   {  
  3.   max-width:100px;  
  4.   }  

 浏览器支持

所有主流浏览器都支持 max-width 属性。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

 #p#

CSS max-height 属性

定义和用法

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

说明

该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。

注释:max-height 属性不包括外边距、边框和内边距。

实例

设置段落的最大高度:

  1. p  
  2.   {  
  3.   max-height:100px;  
  4.   }  

浏览器支持

所有主流浏览器都支持 max-height 属性。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值
 

【编辑推荐】

  1. CSS元素水平居中行之有效的办法
  2. IE6.0对padding的解读分析
  3. CSS样式表高效使用八大秘诀
  4. CSS overflow溢出属性
  5. IE6中常见CSS兼容性解决十大技巧

 

责任编辑:佚名 来源: 68tt.com
相关推荐

2010-08-25 10:53:04

CSSmargin-bott

2010-08-31 08:59:06

marginHTML

2009-10-26 11:11:33

linux Emacs

2011-08-09 13:22:31

iPhoneSqlite数据库

2009-12-02 18:03:00

PHP cURL

2010-05-26 14:01:47

SVN安装使用手册

2010-05-21 12:37:49

SVN使用教程

2010-05-19 10:57:34

Subversion配

2010-05-26 12:35:11

2010-05-26 13:17:55

SVN简易使用手册

2010-05-26 12:59:48

SVN简易使用手册

2010-06-07 12:38:37

Cacti使用手册

2010-05-27 13:35:43

SVN简易使用手册

2013-10-31 14:55:22

2010-05-26 13:51:40

SVN安装使用手册

2010-05-20 19:12:37

2010-06-09 17:01:26

Cacti使用手册

2015-08-06 11:10:46

开源IaaS软件ZStack本地存储

2010-05-26 12:45:49

SVN使用手册

2011-09-05 16:57:40

MTK开发工具
点赞
收藏

51CTO技术栈公众号