Printing IE 10打印表格元素时缺少边框段
因此,我一直在处理一个仅在IE10中打印表格元素的问题,其中部分边框将丢失/截断。奇怪的是,这看起来只是tbody的第一行,而且只有该行的第一个和最后一个细胞受到影响 以下是我迄今为止发现的一些东西:Printing IE 10打印表格元素时缺少边框段,printing,border,internet-explorer-10,Printing,Border,Internet Explorer 10,因此,我一直在处理一个仅在IE10中打印表格元素的问题,其中部分边框将丢失/截断。奇怪的是,这看起来只是tbody的第一行,而且只有该行的第一个和最后一个细胞受到影响 以下是我迄今为止发现的一些东西: 屏幕上的表格看起来很好,但只有在打印时才会缺少边框 我在标准和怪癖模式下也有同样的行为 看起来它是使用边框折叠、单元格和表元素上的边框以及使用ad/tbody的组合。如果我删除这些部分中的任何一个,边界将重新显示,所有内容都会按其应有的方式显示 下面是我编写的一个测试页面,显示了问题: <!
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
table {
border-collapse: collapse;
border: 2px solid black;
}
td {
border: 1px solid black;
}
th {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Name</th>
<th>Date</th>
<th>Type</th>
<th>Champion</th>
<th>Note</th>
</tr>
</thead>
<tbody>
<tr>
<td>UI Team Meeting</td>
<td>3/5/2013 1:00 PM</td>
<td>User Interface</td>
<td>John Doe</td>
<td></td>
</tr>
<tr>
<td>PM Meeting</td>
<td>3/4/2013 10:00 AM</td>
<td>PMs</td>
<td>Jane Doe</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
试验
桌子{
边界塌陷:塌陷;
边框:2件纯黑;
}
运输署{
边框:1px纯黑;
}
th{
边框:1px纯黑;
}
名称
日期
类型
冠军
注
UI团队会议
2013年3月5日下午1:00
用户界面
无名氏
下午会议
2013年3月4日上午10:00
经前综合症
无名氏
那么,以前有没有其他人看到过这一点,并找到了解决方案?我甚至找不到其他人谈论这个问题
谢谢 我在IE 9中遇到了类似的问题。页面上第一个表的第一行上边框的上半部分不会显示在页面的纸质版本上。当我加载代码时,我看到了相同的症状 我通过将
表
、th
和td
的边界规则组合成一个规则来解决我们的问题。该技巧似乎也适用于您的,但它意味着外部边框的大小与内部边框的大小相同:
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
谢谢Chris,我们提出了一个类似的解决方案,但它似乎只适用于使用1px作为边界宽度的情况。任何更大的问题仍然存在。但我们可能只需要使用1px的边框就可以了。好的一面是,微软已经承认了这一缺陷,并“正在调查”。Chromium浏览器中也存在同样的问题。工作起来很有魅力!:)