关于行内元素的问题

来源:12-3 我要和你站一起 - 内联元素

了吾欲前行

2016-03-17 19:22

     如果给<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>

写回答 关注

3回答

  • qq_笑对人生_11
    2016-03-17 19:33:01
    已采纳

    font-size是设置字体大小的,你设置成0px,当然文本没有了,如果你想让元素之间有间隔可以用padding

    了吾欲前行

    非常感谢!

    2016-03-17 21:16:24

    共 1 条回复 >

  • qq_莹_0
    2016-08-10 14:32:44

    再给下面的元素设置font-size就可以了

  • a001002
    2016-03-17 19:28:36

    你将文字的大小都设置成为了0了,当然什么都看不到啦!

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225308 学习 · 18230 问题

查看课程

相似问题