Html TD Rowspan增加了额外的像素,尽管大小固定
我注意到chrome上有一个奇怪的问题。为了编写测试时事通讯,我必须仅使用表的创建一个模板 测试URL位于此处: 整个代码如下: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>
<!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上对我来说似乎很好。