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 matlab数字图像处理频率域滤波
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行