html - 尽管尺寸固定,TD Rowspan 仍增加了额外的像素
问题描述
我注意到 chrome 上有一个奇怪的问题。出于测试时事通讯的目的,我必须仅使用表格创建模板。
测试网址在这里:https ://colorfill.pl/dev2/
整个代码如下:
<!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>
问题?好吧,即使我的 rowspanned TD 应该具有确切的大小(width="363" height="274),它的实际大小更大,逗号后只有几个 px。它破坏了布局。为什么会这样?
解决方案
推荐阅读
- javascript - 单击引导程序滚动监视中的上一项时选择的最后一项
- python - 如何在 PyAutoGui Python 库上调整滚动速度?
- php - 在 laravel 中制作搜索功能
- biztalk - 用于将文件从 Oracle 云复制到另一个目标的 BizTalk 接口
- python - 包含不同数据类型的dict的文件处理(I/O)
- android - .gitignore 在我更改文件后不会忽略我的文件
- initialization - 使用向量中的值进行 Eigen::Matrix3Xd 初始化
- arrays - 拆分产生行数组而不是段落
- vue.js - Vuetify 动态加载数据表行
- python-3.x - 我可以使用两个相似的 groupby 函数减少行吗?