内联元素间距问题
来源：12-3 我要和你站一起 - 内联元素
人称大帅逼
2018-12-30 00:09
下面是代码。请问一下为什么把内联元素变成块级元素之后，字体的样式定义为0，间距就没有了？而且我发现只有div标签的样式变 了还不行，必须要设置 a,span,em的字体大小为20px，不然啥都显示不了，是因为 a, span, em 把 div 样式覆盖了的原因吗？ 而且我试了试把 div 标签里面的字体大小改成 1px，输出还是会有间距。所以 div 标签里面的样式是消除间距的主要因素吗？
<title>行内元素标签</title>
<style type="text/css">
div {
font-size: 0px;
}
a,span,em{
font-size: 20px;
}
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>
</body>
</html>
写回答
关注
1回答
-
- 莫名其妙Enid泽
- 2018-12-30 18:08:17
你把div的字体大小font-size设置为0px那肯定什么都显示不了呀，font-size是字体大小。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225293 学习 · 18230 问题
相似问题