製作：使用填充懸停。它移動，我怎樣才能防止它？

Question

我的鏈接：<a href="#">Home page</a>

的CSS：

a:hover 
{ 
    padding: 5px; 
    background: black; 
} 

當我將鼠標懸停在主頁鏈接，它的動作，因爲我用填充。我怎樣才能避免它？我希望黑色背景會顯示在鏈接的位置，而不移動鏈接和其他鏈接。謝謝。

Answer 1

缺省情況下可以添加：

a { padding: 5px; } 

或者您可以使用邊距：

a { margin: 5px; } 
a:hover { margin: 0px; padding: 5px; } 

這應該工作：

a { 
    padding: 5px; 
} 
a:hover { 
    background: black; 
} 

Answer 2

刪除懸停時的填充，如果你想填充使用，那將會在那裏所有的時間。

a{ 
    padding: 5px; 
} 

我回答了您的問題嗎？

Answer 3

將相同的填充添加到基類（a而不懸停）。