css - Css margin-top 在浏览器中无法正常工作

Question

我有一个文本类。在我的 windows chrome 浏览器中，它显示正确，但在 mac chrome 浏览器中。例如：如果我的名字是 John duash，它在一行中显示 John，在 mac chrome 的第二行中显示 duash .

我该如何解决 ？

.text{
        position: absolute;
        margin-top: px;
        margin-left: px;
}

谢谢你。

Answer 1

你应该像这样使用：-

.text{
        position: absolute;
        top:0px;
        left:0px;
        width:100px;
        height:20px;
        background:red;
}

Position Absolute不考虑保证金

所以我们可以使用 positionfromtop:0px; left:0px; right:0px; bottom:0px;而不是 marign 的

演示

Answer 2

你正在使用 position absolute

比以前top:0; left:0; right:0; bottom:0;

不习惯 margin-top, margin-left

像这样

.text{
        position: absolute;
       top: px;
       left: px;
}

Answer 3

span/div/whatever 的宽度与它的声音无关，您会得到第二行，因为浏览器使用的自动宽度太小了。