반응형
모든 패딩 및 여백 표 HTML 및 CSS 제거
이 테이블이 있습니다.
<body>
<table id="page" >
<tr id="header" >
<td colspan="2" id="tdheader" >je suis</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
그리고 여기에 CSS가 있습니다
html, body, #page {
height:100%;
width:100%;
margin:0;
padding:0;
}
#header {
margin:0;
padding:0;
height:20px;
background-color:green;
}
모든 여백과 패딩을 제거하고 싶지만 항상 있습니다.
어떻게 해결할 수 있습니까?
이 시도:
#page td {
padding:0; margin:0;
}
#page {
border-collapse: collapse;
}
이 시도:
table {
border-spacing: 0;
border-collapse: collapse;
}
테이블은 이상한 요소입니다. divs 와는 달리 특별한 규칙이 있습니다. cellspacing및 cellpadding속성을 추가 하고 로 설정 0하면 문제가 해결됩니다.
<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">
표 내부의 셀 사이에 패딩을 제거합니다. 그냥 사용 cellpadding=0하고 cellspacing=0테이블 태그 속성.
태그 본문을 사용하여 원하는 모든 매거진과 패딩을 제거하십시오.
<body style="margin: 0;padding: 0">
<table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor=green>
<tr>
<td > </td>
<td> </td>
</tr>
<tr>
<td > </td>
<td> </td>
</tr>
<tr>
<td > </td>
<td> </td>
</tr>
</table>
</body>
가장 완벽하게 작동하는 답은 다음과 같습니다.
.noBorder {
border: 0px;
padding:0;
margin:0;
border-collapse: collapse;
}
디스플레이 블록 사용
style= "display: block";
참조 URL : https://stackoverflow.com/questions/16427903/remove-all-padding-and-margin-table-html-and-css
반응형
'IT Share you' 카테고리의 다른 글
| WPF의 텍스트 상자 바인딩 업데이트 (0) | 2021.01.10 |
|---|---|
| App.config의 connectionStrings configSource가 작동하지 않습니다. (0) | 2021.01.10 |
| HTML 특수 문자를 제거하는 방법? (0) | 2021.01.09 |
| 실행중인 프로세스를 확인하는 Bash 스크립트 (0) | 2021.01.09 |
| 부호없는 루프 변수를 사용한 역 반복 (0) | 2021.01.09 |