【火狐浏览器下white-space:nowrap和浮动与谷歌浏览器表现不一致 _兼容性】

火狐浏览器下white-space:nowrap和浮动与谷歌浏览器表现不一致

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

兼容性

详细描述

截图

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        button {
            width: 300px;
            height: 300px;
            white-space: nowrap
        }
        .bo1 {
            background-color: red;
        }
        .box2 {
            width: 30px;
            height: 10px;
            background-color: blue;
            float: right;
        }
    </style>
</head>
<body>
    <button>
        我希望右边的蓝色快在我的右上方
        <span class="box2"></span>
        </buton>
</body>

</html>

编辑于2024-11-23

时间排序

热门排序

[武汉|结业弟子]PM-陈凯
1

这个问题涉及到css基线,基线是默认设置，不同浏览器在基线设置可能是会略有不同的，就像谷歌浏览器最小字体设置的是12px，有些是16px，你可以去了解下关于基线的知识。

查看全部>

编辑于2019-07-19

去第页