CSS--尺寸(Dimensions)

 

属性 描述 备注
height 检索或设置对象的高度 对象的实际高度=margin+border+padding+height
max-height 检索或设置对象的最大高度,如果此属性的值小于min-height属性的值,将被自动转设为min-height属性的值  
min-height 设置或检索对象的最小高度,如果此属性的值大于max-height属性的值,将会被自动转设为max-height属性的值  
width 检索或设置对象的宽度 对象的实际宽度=margin+border+padding+width
max-width 设置或检索对象的最大宽度,如果此属性的值小于min-width属性的值,则被自动转换为min-width属性的值  
min-width 设置或检索对象的最小宽度,如果此属性的值大于max-width属性的值,则被自动黄钻换为max-width属性的值  

 

例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
        div,span
        {
        	border : solid 1px black;
        }
        
        div
        {
        	max-width:400px;
        	min-height:300px;
        }
        
        span
        {
        	height:50px;
        	max-width:300px;
        	float:left;
        }
        
    </style>
</head>
<body>
    <div>
        <span>计算机科学与技术</span>
        <span>计算机科学与技术技术</span>
        <span>计算机科学与技术技术技术</span>
        <span>计算机科学与技术技术</span>
        <span>计算机科学与技术计算机科学与技术计算机科学与技术</span>
        <span>计算机科学与技术</span>
    </div>
</body>
</html>

效果:

image

posted @ 2009-09-18 01:12  Localhost  阅读(333)  评论(0)  编辑  收藏  举报