如果给<div>设置font-size:0, 不给行内元素设置font-size 不仅没有消除行内元素间隔的问题 连文本都没有了 是哪里出了问题呢
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行内元素标签</title>
<style type="text/css">
a,span,em{
background:pink; /*设置a、span、em标签背景颜色都为粉色*/
}
div{font-size:0px;}
</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>
</body>
</html>
font-size是设置字体大小的,你设置成0px,当然文本没有了,如果你想让元素之间有间隔可以用padding
再给下面的元素设置font-size就可以了
你将文字的大小都设置成为了0了,当然什么都看不到啦!