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

这个代码是什么为啥只显示4545

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行内元素标签</title>
<style type="text/css">
div{
    font-size:0;
    display:inline;
}
a,span,em{
    background:pink;/*设置a、span、em标签背景颜色都为粉色*/
}
</style>
</head>
<body>
<div>    
<a href="http://www.baidu.com">百度</a>
<a href="http://www.imooc.com">慕课网</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</div>
<span>4545</span>
</body>
</html>

如题,我没有设置a,span,em{font-size:16px;},显示的就是4545,请问这是为啥?

正在回答

2 回答

因为你的“33333”“44444”是在<div>标签里,而你的div标签设置了font-size:0;字体大小为0,所以显示不出来了








因为你的
0 回复 有任何疑惑可以回复我~
#1

愫幕 提问者

非常感谢!
2017-02-16 回复 有任何疑惑可以回复我~
#2

愫幕 提问者

恩,明白了。谢谢
2017-02-16 回复 有任何疑惑可以回复我~
div{
    font-size:0;
    display:inline;
}

字体大小为零,所以不显示,但是对<span>单独定义了 background:pink;所以显示且有底色,可以将<div>的font-size:0;换成10px,就可以看到全部输出了。

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

举报

0/150
提交
取消

这个代码是什么为啥只显示4545

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信