Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html TD Rowspan增加了额外的像素,尽管大小固定_Html_Css_Html Table - Fatal编程技术网

Html TD Rowspan增加了额外的像素,尽管大小固定

Html TD Rowspan增加了额外的像素,尽管大小固定,html,css,html-table,Html,Css,Html Table,我注意到chrome上有一个奇怪的问题。为了编写测试时事通讯,我必须仅使用表的创建一个模板 测试URL位于此处: 整个代码如下: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Enfamil Premium 2 MFGM</title>

我注意到chrome上有一个奇怪的问题。为了编写测试时事通讯,我必须仅使用表的创建一个模板

测试URL位于此处:

整个代码如下:

<!DOCTYPE html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Enfamil Premium 2 MFGM</title>
        <style type="text/css">
        img {
            display:block;
        }
        body {
            padding:0;
            margin:0;
            background:red;
        }
        #enfamil_newsletter {
            margin:0 auto;
        }
        #enfamil_newsletter, #enfamil_newsletter tbody, #enfamil_newsletter thead, #enfamil_newsletter tfoot, #enfamil_newsletter tr td, #enfamil_newsletter tr th, #enfamil_newsletter .nested, #enfamil_newsletter .nested tbody, #enfamil_newsletter .nested thead, #enfamil_newsletter .nested tfoot, #enfamil_newsletter .nested tr td, #enfamil_newsletter .nested tr th {
            text-align:center;
            border-collapse: collapse;
            border:0;
            border-spacing:0;
            padding:0;
        }      
        </style>
    </head>
    <body>
    <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" id="enfamil_newsletter">
        <tr>
            <th  width="600" height="136">
                <img src="img1.jpg" alt="Enfamil Premium 2 MFGM - Logo" style="width:600px;height:136px;" border="0" />
            </th>
        </tr>
        <tr>
            <td width="600" height="141">
                <img src="img2.jpg" alt="Odbierz prezent - dołącz do Klubu Enfamama" style="width:600px;height:141px;" border="0" />
            </td>
        </tr>
        <tr>
            <td>
                <table class="nested">
                    <tr>
                      <td rowspan="3" width="363" height="274">
                        <img src="img3.jpg" alt="Klub Enfamama" border="0" style="width:363px;height:274px;" />
                    </td>
                      <td width="237" height="106">
                        <img src="img4.jpg" alt="Klub Enfamama" border="0" style="width:237px;height:106px;" />
                    </td>
                    </tr>
                    <tr>
                      <td width="237" height="46">
                        <a href="https://www.enfamil.pl/pages/klub-enfamama" title="Zapisz się do klubu" target="_blank">
                            <img src="img5.jpg" alt="Klub Enfamama - Zapisz się" style="width:237px;height:46px;" border="0" />
                        </a>
                      </td>
                    </tr>
                    <tr>
                      <td width="237" height="122">
                        <img src="img6.jpg" alt="Klub Enfamama" border="0" style="width:237px;height:122px;" />
                      </td>
                    </tr>
                </table>             
            </td>
        </tr>
        <tr>
            <td width="600" height="49">
                <img src="img7.jpg" alt="Ważne informacje" style="width:600px;height:49px;" border="0" />
            </td>
        </tr>
    </table>
    </body>
</html>

安婴儿特优2 MFGM
img{
显示:块;
}
身体{
填充:0;
保证金:0;
背景:红色;
}
#安婴儿通讯{
保证金:0自动;
}
#安婴儿通讯,#安婴儿通讯tbody,#安婴儿通讯thead,#安婴儿通讯tfoot,#安婴儿通讯tr td,#安婴儿通讯tr th,#安婴儿通讯tr th,#安婴儿通讯.nested,#安婴儿通讯.nested tbody,#安婴儿通讯.nested tfoot,#安婴儿通讯,#安婴儿时事通讯{
文本对齐:居中;
边界塌陷:塌陷;
边界:0;
边界间距:0;
填充:0;
}      

问题?即使我的跨行TD应该有精确的大小(width=“363”height=“274),它的实际大小也更大,逗号后只有很少的像素。它破坏了布局。为什么会这样?

无法复制它出现在最新的chrome浏览器[v79]-看看这是我的版本如果你想让你的表格尊重你的宽度,那么它必须是
表格布局:固定的;
,否则浏览器会试图尊重它。这就是表格与其他块元素的不同之处。@PawełSkaba你在评论中提供的url似乎与你原来的问题中的相同.但是,我检查了一下,它在Chrome上对我来说似乎很好。