html - 打印时是什么破坏了我的页面？

Question

我有一个提问者，我不知道为什么在打印它时会在第一个问题之前造成中断。

现场演示（链接）

Answer 1

我能够通过删除包含所有内容的 fieldset 容器来解决此问题。拥有 fieldset 元素会导致所有字段组合在一起，并且由于它们不能全部放在第一页上，所以它们都是被推到第二页。通过删除 fieldset 元素，我能够让 Firefox 打印第 1 页上的前两个问题，与 Chrome 相同。

看来这不是 Firefox 和 fieldset 不能一起玩的新问题，因为我发现了一张 2008 年的旧 Bugzilla 票证，该票证一直存在并且在 2014 年仍在评论中（链接）

如果保留字段集很重要，我在这里找到了其他人提出的解决方案（链接）

<script type='text/javascript'>
    $(window).bind('beforeprint', function(){
        $('fieldset').each(
            function(item)
            {
                $(this).replaceWith($('<div class="fieldset">' + this.innerHTML + '</div>'));
            }
        )
    });
    $(window).bind('afterprint', function(){
        $('.fieldset').each(
            function(item)
            {
                $(this).replaceWith($('<fieldset>' + this.innerHTML + '</fieldset>'));
            }
        )
    });
</script>