web-dev-qa-db-ja.com

すべてのパディングとマージンテーブルの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;
}

そして、私はすべてのマージンとパディングを削除したいのですが、私は常にそれを持っています：

enter image description here

どうすれば解決できますか？

csshtml-tablemarginpadding
53
begiPass

これを試して：

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

#page {
   border-collapse: collapse;
}
103
wroniasty

これを試して：

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

テーブルは奇妙な要素です。 divsとは異なり、特別なルールがあります。 cellspacingおよびcellpadding属性を追加し、0に設定すると、問題が修正されるはずです。

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

テーブル内のセル間のパディングを削除します。テーブルタグでcellpadding=0およびcellspacing=0属性を使用するだけです。

3
Nps

タグ本体を使用して、必要なすべてのマージンとパディングを削除してください。

<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>
2
Vanda Ros

ディスプレイブロックを使用する

style= "display: block";
1
yoko

最も完璧な答えはこれです

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