CSS 尺寸

属性 描述
height 设置元素的高
line-height 设置行高
max-height 设置元素最大高度
min-height 设置元素的最小高度
width 设置元素的宽
max-width 设置元素的最大宽度
min-width 设置元素的最小宽度

实例

设置行高 :

*{padding: 0;margin: 0;} 
div{
	width: 300px;
	border: 1px solid #ddd;
	margin: 20px;
	padding: 20px;
}
p{
	border-bottom: 1px solid #ddd;
	line-height: 38px;
	}
<div>
	<p>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:张三</p>
	<p>联系电话:0000-0000000</p>
</div>

注:*为通配符,表示所有元素

添加 max-width :

div{
	height: 100px;
	width: 50%;
	max-width: 800px;
	margin: 20% auto 0 auto;
	border:1px solid #ddd;
}

在实际运用中,width 、max-width 通常配合一起使用,margin: 20% auto 0 auto;主要让块元素水平居中。