가 앵커

Question

나는 아래 하단과 오른쪽에서 이러한 여분의 간격을 제거 할

에서 여분의 줄을 제거 :

결과는 IE와 크롬에 다른, 크롬 모두 간격을 가지고, IE는 바닥에 아무런 간격이 없습니다.

내가 잘못하고있는 것을 안내 할 수 있습니까? 어쩌면 "디스플레이"CSS와 관련이 있을까요?

jsfiddle

스크린 샷 크롬 : http://i.imgur.com/S8xtZBm.png

스크린 샷 IE : http://i.imgur.com/Uoqfo2R.png

코드 :

<footer> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
<a class="tb-btn-s" style="color: #fff; background-color: #0064a9" href="/services/">service</a> 
    </footer> 

CSS는 :

.tb-btn-s { 
    zoom: 1; 
    z-index: 1; 
    font-size: 14px; 
    line-height: 5px; 
    min-width: 42px; 
    text-decoration: none; 
    white-space: nowrap; 
    vertical-align: inherit; 
    position: relative; 
    display: inline-block; 
    overflow: visible; 
    margin: 0; 
    padding: 8px 10px; 
    cursor: pointer; 
    outline: 0; 
    border: 0; 
    text-align: left; 
    padding-right: 30px; 
    min-width: 60px; 
} 
footer 
{ 
    background-color: red; 
} 

고마워요!

Answer 1

링크 아래의 공백을 제거하려면 vertical-align:top;을 .tb-btn-s 클래스에 추가하십시오. 링크 옆의 공백을 제거하려면 코드에서 공백을 제거하십시오.

jsFiddle example

Answer 2

측면 마진 때문에 인라인 블록이다 아래쪽 여백 때문에은 lineHeight이다

당신은 부모

word-spacing:-4px; 

이 추가 그리고에 재설정 할 수 있습니다

인라인 블록에서 여백을 제거하는 "a"

word-spacing:0; 

또한

http://jsfiddle.net/nyaFz/5/

Answer 3

단지에 float:left;을 추가하여 라인 높이 제거 앵커의 간격을 통보하지 않았다, 일

jsFiddle File