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等那么你只需要编写一次代码。