qq_24280085 2017-09-22 07:53 采纳率: 0%
浏览 1926
已采纳

web端 部分浏览器line-height会有很大偏移？？

图片说明

  • 写回答

3条回答 默认 最新

  • /*----无忧----*/ 2017-09-22 08:29
    关注

    这个和行高关系不大，这个和内联元素默认基线对齐有关
    你可以试试这样写

     <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            height:50px;
            border:1px solid #f00283;
            font-size:12px;
        }
        span{
            display: inline-block;
            height: 50px;
            vertical-align: middle;
            line-height:50px;
        }
        img{
            display: inline-block;
            vertical-align: middle;
        }
    </style>
</head>
<body>
<div class="box">
    <img src="img/mode_03.png">
    <span>这里是标题</span>
</div>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 请完成下列相关问题！
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？
  • ¥15 求daily translation（DT）偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的？
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示
  • ¥15 arduino 步进电机