刪除所有填充和利潤率表HTML和CSS

我有這個表：刪除所有填充和利潤率表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; 
}

，我要刪除所有margin和padding但始終我有：

enter image description here

我怎樣才能解決這個問題？

來源

2013-05-07 begiPass

嘗試這種情況：在表內的細胞之間

#page td { 
    padding:0; margin:0; 
} 

#page { 
    border-collapse: collapse; 
}

來源

2013-05-07 20:27:59 wroniasty

刪除填充。只需在表格標籤中使用cellpadding=0和cellspacing=0屬性即可。

來源

2013-05-07 20:28:30 Nps

它應該更好地使用CSS而不是棄用的屬性。 – 2014-05-16 13:56:22

嘗試這種情況：

table { 
border-spacing: 0; 
border-collapse: collapse; 
}

來源

2014-09-18 14:24:21 zoom23

在摺疊模式下邊框摺疊時，border-spacing不起作用。 – 2014-11-17 19:13:44

'table {border-collapse：collapse;}'爲我做了詭計！ – TetraDev 2016-08-19 00:08:49

表是奇數元素。不像div他們有特殊的規則。添加cellspacing和cellpadding屬性，設置爲0，它應該解決問題。

<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">

來源

2014-12-08 14:40:49 memer

接受的答案使用了css填充和邊距，這是細胞間距和cellpadding的推薦替代方法，現已廢棄多年。並且請注意，HTML5不支持單元格間隔和單元格填充。 – ToolmakerSteve 2016-04-28 05:00:23

我找到最完美的工作答案是這樣的

.noBorder { 
    border: 0px; 
    padding:0; 
    margin:0; 
    border-collapse: collapse; 
}

來源

2016-06-01 10:56:49

嘗試使用標籤體去除所有magin和padding一樣，你想要的。

<body style="margin: 0;padding: 0"> 
    <table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor=green> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </table> 
</body>

來源

2017-02-06 13:38:15

刪除所有填充和利潤率表HTML和CSS

回答

相關問題