如何在所有浏览器中支持相同的边距

Question

我有一个图像潜水。我在div class full_logo_login中给出了保证金。它在Firefox中工作，但不适用于Chrome;下面我CSSis给出：

.full_logo_login{ 
    height: 345px; 
    margin: 7% 0 7% 23%; 
} 
.full_logo_login > img { 
height: 345px; 
width: 345px; 
} 

余量：7％0 7％23％;在firefox中完美工作，但在Chrome中，它不工作。铬想要保证金：2％0 7％23％;完美地工作。所以我写了这个CSS：

.full_logo_login{ 
    height: 345px; 
    -webkit-margin:2% 0 7% 23% !important; 
    margin: 7% 0 7% 23%; 
} 
.full_logo_login > img { 
height: 345px; 
width: 345px; 
} 

但还是现在我的chrome浏览器不能正常工作，铬现在还在接受保证金：7 0％7％23％; 我完整的代码：

<style type="text/css"> 
.full_login_box { 
    background: #202144 none repeat scroll 0 0 !important; 
    display: inline-flex; 
    height: 400px; 
    margin: 7% auto; 
    width: 100% !important; 
} 
.full_logo_login{ 
    height: 345px; 
    -webkit-margin:2% 0 7% 23% !important; 
    margin: 7% 0 7% 23%; 
} 
.full_logo_login > img { 
height: 345px; 
width: 345px; 
} 
</style> 

html: 


<div class="full_login_box"> 
    <div class="full_logo_login"> 
     <img src="img/loginlogo.png"> 
    </div> 
</div> 

Answer 1

我得到了答案 需要使用这个CSS -webkit-margin-before:2%