sc.vooc 2019-03-09 22:09 采纳率: 20%
浏览 836

inline-block元素有默认下边距怎么去除?

加了padding:0;margin:0;都没用。
所有浏览器都是这样,不是标签间空白字符的问题。
如图所示:

图片说明

<body>
<style type="text/css">
    *{padding:0;margin:0;}
    body{background:#ccc;}
    .fa{margin:10px;border:3px solid blue;}
    .fa > div{width:50px;height:50px;display:inline-block;}
    .fa > div:nth-child(1){background:green;}
    .fa > div:nth-child(2){background:#f0f;}
</style>
    <div class="fa"><div></div><div></div></div>
</body>
  • 写回答

2条回答 默认 最新

  • sc.vooc 2019-03-09 22:16
    关注

    自问自答:
    加上vertical-align:middle;就可以了。
    (其他人有没有补充的呢?)

    评论

报告相同问题?

悬赏问题

  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目,支持注册表等
  • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行
  • ¥20 测距传感器数据手册i2c