wuruize888 2018-01-07 03:23 采纳率: 66.7%
浏览 1328
已采纳

chrome,firefox,safari,css的问题,谢谢

chrome,firefox,safari,css的问题,为什么设置了高度height:50px;chrome差很多呢?firefox和safari一样,有没有具体写法,谢谢

<div class='tests'>???</div>
 .tests{
    font-size: 0;
    height: 55px;
    background-color: #262626;
    padding-left: 20px;
    display: table;
    box-sizing: border-box;
    width: 100%;
}
<body style="margin:0; padding: 0;">
        <div id="box" style="height:55px; background: #0000FF;  width:100%; flloat:left; margin: 0; padding: 0;color: #fff;">123</div>

</body>
  • 写回答

5条回答 默认 最新

  • qq_26242543 2018-01-07 04:29
    关注

    这种一般我觉得还是要自己学会解决才是王道,本来问题不难。不同的你把开发者工具打开一看啥都清楚了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • y20010058685 2018-01-07 03:33
    关注

    文字自动换行和行高以及盒子高度无主要关系,但是固定高度的时候,文字太多会溢出。line-height指的是行高,可以决定盒子高度能分配几行文字。
    自动换行方法:
    div{
    word-wrap: break-word;
    //word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行
    word-break: normal;
    }

    评论
  • jiabifeng7038 2018-01-07 04:38
    关注

    文字自动换行和行高以及盒子高度无主要关系,但是固定高度的时候,文字太多会溢出。line-height指的是行高,可以决定盒子高度能分配几行文字。
    自动换行方法:
    div{
    word-wrap: break-word;
    //word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行
    word-break: normal;
    }

    评论
  • 漫步者_2003 2018-01-07 05:37
    关注

    用对应的浏览器的开发者工具查看一下(F12),可以找出问题

    评论
  • 小哲爱奔跑 2018-01-10 03:38
    关注

    用浏览器的控制台F12 ,查看元素,比较一下各浏览器的的不同就能发现问题了, 这种写页面样式的之前一般首先要做的就是 重置系统样式,重置完就不会有这种问题了, 建议你搜一些重置样式的资源引用一下

    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥15 深海控制器DSE7320MKII和博世ECU间can通讯知识
  • ¥15 Ru的复折射率用于FDTD 200nm到1200nm
  • ¥15 使用Fiddler抓包,textview的乱码如何解决
  • ¥50 trio连接驱动器报错
  • ¥15 有谁懂nhanes的权重计算啊
  • ¥15 欧姆龙PLC 电机控制 限位
  • ¥30 如何处理shell命令接收到的视频流并实时播放出来
  • ¥15 虚心请教C#的代码优化问题
  • ¥15 有偿求做台风过境全过程模拟仿真
  • ¥50 求!AutomationDesk 如何自动导入Variant数据