问答详情
源自:12-3 我要和你站一起 - 内联元素

内联元素间距问题

下面是代码。请问一下为什么把内联元素变成块级元素之后,字体的样式定义为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>


提问者:人称大帅逼 2018-12-30 00:09

个回答

  • 莫名其妙Enid泽
    2018-12-30 18:08:17

    你把div的字体大小font-size设置为0px那肯定什么都显示不了呀,font-size是字体大小。