2011-09-13 3 views
2

나는 테두리가 0px 인 테두리를 가지고 있으며 각 테두리가 서로 잘 매치되도록 이미지를 얻으려고하지만 경계가 표시되지 않는 경우에도 여전히 1px 간격 행 사이에. 이 문제를 해결할 수있는 방법이 있습니까?테두리 두께가없는 CSS

table { 
    border-collapse: collapse; 
    border-spacing: 0px; 
    font-size: 10px; 
} 

table th, table td { 
    padding: 0px; 
    margin: 0px; 
    border-width: 0px; 
} 

tr { 
    padding: 0px; 
    margin: 0px; 
    border-collapse: collapse; 
    border-spacing: 0px; 
} 
+2

'border : none'을'tr' 요소에 사용해 봤습니까? –

답변

1

생각해 보면 border-spacing은 테이블입니다. tr 요소에 border: none을 시도 했습니까?

0

이 시도 :

CSS

img { 
    border:none; 
    padding:0; 
    margin:0; 
} 

HTML

<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0"> 
..table rows.. 
</table> 
2

표 내부의 내용이 몇 가지 여분의 공간을 창조하고, 당신은하지 않았다 될 수있다 어떤 브라우저를 언급했는지 알고 있으므로 IE7 doesn't understand border-collapse이므로 추가해야합니다 :

<table cellspacing="0"> 

을 IE7 용 표에 입력하십시오. 또한, tr에 border-collapse을 적용 할 이유가 없습니다.

0

이미지를 display: block 시도하셨습니까?

0

응답 해 주셔서 감사 드리며, HTML에 cellspacing = "0"을 입력하고 제안 사항을 모두 시도했습니다. 아무도 결과를 바꾸지 못하는 것 같았습니다. 이제는 Mac에서 일하고 브라우저 문제 일뿐입니다. 나는 그것을 PC에서 테스트하고 어떻게 보이는지보아야 할 것이다.

+0

html을 게시 할 수 있습니까? – marissajmc