qq_24280085
2017-09-22 07:53
采纳率: 19%
浏览 1.9k

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>
    
    已采纳该答案
    打赏 评论
  • qq_24280085 2017-09-22 08:41

    图片说明

    打赏 评论
  • /*----无忧----*/ 2017-09-22 08:44

    看看你的代码,这是我这边的效果图
    图片说明

    打赏 评论

相关推荐 更多相似问题