删除所有空白和边距表HTML和CSS(Remove all padding and margin t

2019-09-02 04:37发布

我有这个表：

<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但始终我有：

我怎样才能解决这个问题？

Answer 1:

试试这个：

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

#page {
   border-collapse: collapse;
}

Answer 2:

试试这个：

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

Answer 3:

表是奇数元素。不同于div就是他们有特殊的规则。添加cellspacing和cellpadding属性设置为0 ，它应该解决这个问题。

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

Answer 4:

在表内的细胞之间移除填充。只要使用cellpadding=0和cellspacing=0属性表标签。

Answer 5:

尝试使用标签体去除所有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>

Answer 6:

我找到最完美的工作答案是这样的

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

Answer 7:

使用显示块

style= "display: block";

文章来源: Remove all padding and margin table HTML and CSS

删除所有空白和边距表HTML和CSS(Remove all padding and margin t

Answer 1:

Answer 2:

Answer 3:

Answer 4:

Answer 5:

Answer 6:

Answer 7:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮