删除所有填充和边距表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; }
删除表格内的单元格之间的填充。 只需在表标签中使用cellpadding=0和cellspacing=0属性即可。
表格是奇怪的元素。 与div不同，他们有特殊的规则。 添加cellspacing和cellpadding属性，设置为0 ，它应该解决问题。
<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">
我发现最完美的工作答案是这样的
.noBorder { border: 0px; padding:0; margin:0; border-collapse: collapse; }
尝试使用标签主体来删除所有的magin和填充像你想要的。
<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>
