CSS : 너비는 <a>입니다.

Question

나는 아주 간단한 것을하려고합니다. 배경 이미지가있는 <a> 태그입니다. 이 코드는 여기에 있습니다. http://jsfiddle.net/QWatA/

문제는이 코드에서 <a> 태그의 너비를 설정할 수 없다는 것입니다. 만약 내가 보통의 배경을 가지고 너비로 설정했다면 잘 동작한다. 그러나 내가 이렇게하면 너비에 대한 통제권이 없다. 이상적으로 모든 링크가 동일한 너비의 하이라이트를 가지길 원합니다.

내가이 작업을 수행하는 이유는 각 링크마다 서로 다른 배경 이미지를 원하기 때문에 모든 해당 a.class1, a.class2 항목을 정의해야한다는 것입니다.

감사합니다.

Answer 1

'a'요소에 display:inline-block;을 추가하십시오. 기본적으로 'a'는 display:inline이므로 너비/높이 상자가 설정되지 않습니다. 그것은 단지 당신의 CSS에서 display: block을 넣어

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

Answer 2

음침한 C-미소는 당신의 새로운 사진 등등 a.class1 a.class2에 대신 ul li a에 넣어와 함께 a.class1, a.class2을 할 것 등등 그러나 나를 이길 코드를 한 번만 작성하면됩니다.