删除所有填充和页边距表格HTML和CSS_Css_Html Table_Margin_Padding

删除所有填充和页边距表格HTML和CSS

css

删除所有填充和页边距表格HTML和CSS,css,html-table,margin,padding,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<

我有这张桌子：

<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：

/*将其应用于“table”元素*/
#页面{
边界塌陷：塌陷；
}
/*这是表中的'td'元素*/
#第页td{
填充：0；
保证金：0；
}

删除表格内单元格之间的填充。只需在表标记中使用

cellpadding=0

和

cellspacting=0

属性即可。

尝试以下操作：

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

表是奇数元素。与

div

s不同，它们有特殊的规则。添加

cellspacing

和

cellpadding

属性，设置为

，应该可以解决问题

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

我发现最完美的答案是

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

尝试使用标记体删除所有您想要的边距和填充

<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>

使用显示块

style= "display: block";

最好使用CSS而不是不推荐使用的属性。边框间距在折叠模式下折叠边框时不起作用。@IvanZ这是几年前的事了，所以我记不清了，但有一些坏浏览器需要它。公认的答案是使用CSS填充和边距，这是推荐的cellspacing和cellpadding的替代方案，cellspacing和cellpadding已被弃用多年。请注意，HTML5不支持单元格间距和单元格填充。

style= "display: block";