个人中心
gpt4 book ai didi

printing - IE 10 打印表格元素时缺少边框段

转载 作者：行者123 更新时间：2023-12-04 23:25:26 25 4
gpt4 key购买 nike

因此，我一直在处理仅在 IE 10 中打印表格元素的问题，其中部分边框将丢失/截断。奇怪的是，它看起来只有 tbody 的第一行，并且只有该行的第一个和最后一个单元格受到影响。

到目前为止，我发现了一些东西:

  • 屏幕上的表格看起来不错，但只有在打印时才会丢失边框。
  • 我在标准和怪癖模式下得到相同的行为。
  • 看起来它是使用边框折叠、单元格和表格元素上的边框以及使用 thead/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>

    那么有没有其他人以前见过这个并找到了解决方案？我什至找不到其他人在谈论这个问题。

    谢谢!

    最佳答案

    我在 IE 9 中遇到了类似的问题。页面上第一个表格第一行的边框的上半部分不会出现在页面的纸质版本上。当我加载您的代码时，我看到了相同的症状。

    我通过结合 table 的边界规则解决了我们的问题。 , th , 和 td成为一个单一的规则。该技巧似乎也适用于您，但这意味着外边框与内边框的大小相同:

        table {
                border-collapse: collapse; 
        }

        table, th, td {
                border: 1px solid black;
        }

    关于printing - IE 10 打印表格元素时缺少边框段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13750134/

    25 4 0
    文章推荐： inno-setup - InnoSetup (Pascal) : FileExists() doesn't find every file
    文章推荐： FFMPEG - 将 UInt16 数据转换为 .264
    文章推荐： c++ - avcodec_receive_packet 中的错误(gdi screenshot + ffmpeg)
    文章推荐： sql - 根据事件数据创建 id 列
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    全站热门文章
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com