CSS中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兼容性解决十大技巧

本文标题:CSS中max-width和max-height属性使用手册
本文来源:http://www.shufengxianlan.com/qtweb/news41/120841.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联