像span label 等元素 都是行内元素，仅用height和width控制高宽往往达不到想要的效果，一般都要加上display:block;(独占一行)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{
}
div,span{border:1px solid #00f;margin:2; line-height:50px;}
</style>
</head>
<body>
<div>块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了</div>
<div>div1</div><div>div2</div>
<span>span1</span><span>span2</span>
<br>
<div style="display:inline">div3</div>
<div style="display:inline">div4</div>
<span style="display:block">span3</span>
<span style="display:block">span4</span>
</body>
</html>
- 1楼foundare_202昨天 15:31
- 围观！！nn方蝶SP 2010
