为何font-size:0px 不能消除间隙?

*{margin:0px;padding:0px;} 
.wrapper{ border:1px solid red;font-size:0px; }
.s1{font-size:40px;}
.s2{font-size:14px;}
</style>
<body>
<div class="wrapper">
    <img src="logo.png" alt="">
    <img src="css.jpeg" alt="">
    <span class="s1">haha</span>
    <span class="s2">haha</span>
</div>

font-size:0px;写在wrapper上面没有用哈?
图片下方的间隙无法消除!!

图片描述

阅读 3.5k
3 个回答

给img定义vertical-align top或者bottom;或者给img设为块状元素。

你需要把行高也设置为0,line-height: 0px;

clipboard.png

clipboard.png

img是是行内元素,他是垂直方向他是基于baseline对齐的,

clipboard.png

如图,所以下面会有一点小的间隙,只要把img的display改成blcok就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题