删除所有填充和边距表HTML和CSS
beg*_*ass 58 css html-table margin padding
我有这张桌子:
<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;
}
我想删除所有边距和填充但总是我有:
我该如何解决这个问题？
wro*_*sty 112
试试这个:
/* Apply this to your `table` element. */
#page {
border-collapse: collapse;
}
/* And this to your table's `td` elements. */
#page td {
padding: 0;
margin: 0;
}
zoo*_*m23 14
试试这个:
table {
border-spacing: 0;
border-collapse: collapse;
}
- 在折叠模式下边框折叠时，边框间距不起作用。 (2认同)
小智 7
表格是奇数元素。与divs不同，它们有特殊的规则。添加cellspacing和cellpadding属性，设置为0，它应该可以解决问题。
<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">
- 接受的答案使用 css padding 和 margin，这是 cellpacing 和 cellpadding 的推荐替代方案，它们已被弃用多年。请注意，HTML5 不支持单元格间距和单元格填充。 (3认同)
尝试使用标签正文删除您想要的所有边距和填充。
<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>