Remove all padding and margin table HTML and CSS

2019-01-22 05:16发布

I have this table :

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

and here is the css

html, body, #page {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}

#header {
    margin:0;
    padding:0;
    height:20px;
    background-color:green;
}

and I want to remove all margin and padding but always I have that :

enter image description here

How can I resolve this?

7条回答
霸刀☆藐视天下
2楼-- · 2019-01-22 06:00

Try to using tag body to remove all magin and padding like that you want.

<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>
查看更多
做个烂人
3楼-- · 2019-01-22 06:10

Remove padding between cells inside the table. Just use cellpadding=0 and cellspacing=0 attributes in table tag.

查看更多
相关推荐>>
4楼-- · 2019-01-22 06:15

Tables are odd elements. Unlike divs they have special rules. Add cellspacing and cellpadding attributes, set to 0, and it should fix the problem.

<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">
查看更多
家丑人穷心不美
5楼-- · 2019-01-22 06:15

I find the most perfectly working answer is this

.noBorder {
    border: 0px;
    padding:0; 
    margin:0;
    border-collapse: collapse;
}
查看更多
爷的心禁止访问
6楼-- · 2019-01-22 06:15

Use a display block

style= "display: block";
查看更多
Luminary・发光体
7楼-- · 2019-01-22 06:18

Try this:

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

#page {
   border-collapse: collapse;
}
查看更多
登录 后发表回答