defu1235 2021-11-16 17:39 采纳率: 50%
浏览 100
已结题

转换成块和行内块的问题

当我在div盒子里的a转换成行内块元素时，随着font-size的变化顶部会有缝隙产生。但是转换成块元素时就不会收font-size影响，请问是什么原因？
body代码

img


css样式

img

转换成inline-block行内块时有缝隙

img


转换成block块元素时无缝隙

img

  • 写回答

4条回答 默认 最新

  • 一颗青柠~ 2021-11-17 11:36
    关注

    产生原因：浏览器在解析HTML代码时，将上一行的结束标签和下一行的开始标签，解析为空格。
    解决方法：1.将HTML代码写在同一行。2.将父元素字体大小设置为0，行内块元素内的字体单独设置。
    可以给.logo样式加上：font-size:0

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 11月27日
  • 已采纳回答 11月19日
  • 赞助了问题酬金 11月17日
  • 修改了问题 11月16日
  • 展开全部

悬赏问题

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