css - Cssmargin-topがブラウザで正しく機能しない

Question

私はテキストのクラスを持っています。私のWindowsChromeブラウザでは正しく表示されますが、Mac Chromeブラウザでは表示されます。たとえば、私の名前がJohn duashの場合、1行にJohnが表示され、MacChromeでは2行目にduashが表示されます。。

これを修正するにはどうすればよいですか？

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

ありがとうございました。

score 1 · Accepted Answer

次のように使用する必要があります:-

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

ポジションアブソリュートは証拠金を考慮しません

marign's ではなくpositionfromを使用できるように top:0px; left:0px; right:0px; bottom:0px;

score 0 · Accepted Answer

あなたが使用している position absolute

以前よりtop:0; left:0; right:0; bottom:0;

慣れていない margin-top, margin-left

このように

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

score 0 · Accepted Answer

ブラウザが小さすぎる自動幅を使用しているため、span/div/whatever の幅が動作していないため、2 行目が表示されます。

3 に答える 3