이상한 공백으로 HTML/CSS를 제거 할 수 없습니다.

셀에 버튼을 삽입 한 표가 있습니다. 그러나 시도해 볼 수도 있습니다. 셀 상단과 버튼 사이에 나타나는 공백을 제거 할 수 없습니다. 나는 버튼을 일부 CSS를이상한 공백으로 HTML/CSS를 제거 할 수 없습니다.

<table border="1"> 
    <tr> 
     <td> 
      <button id="1"></button> 
     </td> 
    </tr> 
</table>

로 간단한 테이블을 가지고 시도 http://jsfiddle.net/7Bz36/1/

이 그것을 없애 :

button { 
    height: 15px; 
    width: 15px; 
    border-radius: 0px; 
    margin: 0px; 
    white-space: none; 
} 
table { 
    border-collapse: collapse; 
} 
tr td { 
    height: 15px; 
    padding: 0px;

여기

는 Jsfiddle의 예입니다 아무도 그것을 제거하는 방법을 알아낼 수 있습니까? 감사!

출처

2013-05-05 BooBailey

내가 알 바보와 내 침대에 은퇴한다 끈다. 나는 내 자신의 질문을 원하지만 그렇게 할 수는 없다. 줄 간격을 설정할 필요가 있습니다 :'line-height : 0px ' – BooBailey

당신은 버튼의 텍스트 값을 사용하지 않는,

또한 id="1"는, ID 이름 유효 font-size: 0; 또는

Demoline-height: 0; (글꼴 크기 0)

Demo 2 (0 라인의 높이)를 사용 int로 시작할 수 없습니다.

출처

2013-05-05 05:24:38

jsfiddle를 통해 문제가 무엇인지 명확하지 않습니다.

또한 none은 (는) CSS에 white-space의 유효한 속성이 아닙니다. 당신이하고있는 일을 알고 있니? 아니면 그것이 효과가 있기를 바란다.

어쨌든 코드의 형식이 잘못 지정되어 CSS 크기가 </table>으로 끝납니다. 또한, 귀하의 html은 여기 또는 jsfiddle에서 제대로 구성되지 않습니다.

이 질문에 대한 많은 연구를하지는 않았지만 임의성을 시도했기 때문에 그렇습니다.

도움을 드리고 싶지만 문제가 보이지 않습니다. 여기서 잘 설명하지 못하고 jsfiddle에 표시되지 않습니다.

출처

2013-05-05 05:25:04

연구에 넣었습니다. 나는 내가하는 일을 알고있다. 나는 무작위성을 시도하지 않았다. 우리 모두는 지금까지 계속 엉망진창입니다. – BooBailey

@BooBailey 나는 그것이 어떻게 왔는지에 대해 사과한다 - 나는 무례하게하려고하지 않고 있었다. 어쨌든 귀하의 질문에 여전히 답이없는 경우, 질문을 편집하고 정보를 추가 할 수 있다면 기꺼이 도와 드리겠습니다. –

괜찮습니다. 이것은 내가 오후 10시 30 분에 일하는 것입니다. 나는 그것을 알아 냈다. line0height를 nil로 설정해야했습니다. 나는 바보처럼 느껴진다. 그리고 물론, 방화범을 사용하면 나타나지 않을 것입니다. – BooBailey

이 시도 :이 0px;에 관련된 모든 요소의 margins 및 paddings을 설정하고 일부 인라인 요소 공백을 제거하는 display: block;에 button 요소를 설정합니다

button { 
    height: 15px; 
    width: 15px; 
    border-radius: 0px; 
    display: block; 
} 

table, td, button { 
    margin: 0px; 
    padding: 0px;  
}

jsFiddle

출처

2013-05-05 05:29:32

이상한 공백으로 HTML/CSS를 제거 할 수 없습니다.

답변

관련 문제