CSS：a的寬度<a>

Question

我正在嘗試做一些非常簡單的事情：帶有背景圖像的<a>標記。代碼在這裏找到，http://jsfiddle.net/QWatA/

問題是，由於某種原因，我無法在此代碼中設置<a>標記的寬度。如果我只是一個普通的背景，並設置它的寬度，它可以正常工作。但是，似乎如果我這樣做，我無法控制寬度。理想情況下，我希望所有鏈接都具有相同寬度的高亮部分。

我這樣做的原因是我想爲每個鏈接指定一個不同的背景圖片，所以我不得不定義所有這些東西a.class1, a.class2。

謝謝！

Answer 1

將display:inline-block;添加到您的'a'元素。默認'a'是display:inline，所以不會建立寬度/高度的框。

http://jsfiddle.net/QWatA/1/

Answer 2

推倒C-笑着打我給它只是把display: block在你的CSS，但如果你打算做a.class1, a.class2等新的照片放在你的ul li a，而不是在a.class1 a.class2等那麼你只需要編寫一次代碼。