元素出國它自己的背景

但出於某種原因在的jsfiddle它工作正常，所以我在我的瀏覽器（Chrome）提出的問題截圖：

enter image description here

.hider{ 
     height: 15px; 
     vertical-align: -1px; 
     margin-left: 0; 
     margin-right: 0; 
     display: inline-block; 
     text-align: right; 
     text-decoration: none; 
     background-position: 0 0; 
    }

鏈接例如：

<a href="/tests/24/delete_key?position=10" class="hider" data-method="delete" data-remote="true" id="hide_10" rel="nofollow">x</a>

來源

2013-05-27 Joe Half Face

在我的鉻它似乎工作得很好，因爲你的小提琴 –

你試過'line-height：normal;'？ – Nitesh

@NathanLee，非常感謝你，如果你添加一個答案，我會upvote –

我建議你添加一個line-height:normal;。這將有望解決您的問題。

來源

2013-05-27 12:14:43 Nitesh

刪除vertical-align &加line-height。

也嘗試使用速記CSS，以儘量減少您的代碼。

#hide_10 {    
height: 15px; 
width: 54px; 
background-color: #ffc400; 
margin-bottom: 0 0 4px 0; 
display: inline-block; 
text-align: right; 
padding: 0; 
font-size: 12px; 
line-height: normal; 
}

演示：jsFiddle

來源

2013-05-27 11:58:01 Mark

元素出國它自己的背景

回答

相關問題