文字為何是豎著顯示的
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>內聯塊狀元素</title>
<style type="text/css">
div,p,h1{background:pink;}
span{display:block;
width:0px;
heght:3px;
}
</style>
</head>
<body>
<div>div1</div>
<div>div2</div>
<p>段落1段落1段落1段落1段落1</p>
<h1>我的家園</h1>
<span>我是一個安靜、優雅的女孩</span>
</body>
</html>
2016-09-14
span{
? ? display:block;
? ?font-size:20px;
? ?font-weight:;
}
也可以直接設置文字大小
2016-09-12
span{display:block;
width:0px;
heght:3px;
}
把這里的width的值改大一點
2016-09-12
因為你設置了寬度為0，
2016-09-12
因為你對span設置了寬高，寬只有1Px,文字排不下，就會往下面排，所以是豎著顯示的
2016-09-12
span{display:block;
width:0px;
heght:3px;
}
問題出在這里，去掉display:block;或者去掉width:0px;或者把width的值改大點