为了账号安全,请及时绑定邮箱和手机立即绑定

文字为何是竖着显示的

<!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>

57d677fd0001f44202820293.jpg

57d677fd00019e7205000229.jpg


正在回答

5 回答

span{

    display:block;

   font-size:20px;

   font-weight:;

}

也可以直接设置文字大小

0 回复 有任何疑惑可以回复我~

span{display:block;

width:0px;

heght:3px;

}

把这里的width的值改大一点

0 回复 有任何疑惑可以回复我~

因为你设置了宽度为0,

0 回复 有任何疑惑可以回复我~

因为你对span设置了宽高,宽只有1Px,文字排不下,就会往下面排,所以是竖着显示的

0 回复 有任何疑惑可以回复我~

span{display:block;

width:0px;

heght:3px;

}

问题出在这里,去掉display:block;或者去掉width:0px;或者把width的值改大点

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

文字为何是竖着显示的

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号