心语瑞333
2016-09-12 17:40
<!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>
span{
display:block;
font-size:20px;
font-weight:;
}
也可以直接设置文字大小
span{display:block;
width:0px;
heght:3px;
}
把这里的width的值改大一点
因为你设置了宽度为0,
因为你对span设置了宽高,宽只有1Px,文字排不下,就会往下面排,所以是竖着显示的
span{display:block;
width:0px;
heght:3px;
}
问题出在这里,去掉display:block;或者去掉width:0px;或者把width的值改大点
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题