Question

我有一个按钮，它应该打印从两页的页面中获取的信息。它可以在Chrome和Firefox中正常工作并按预期打印，但是在Safari中尝试这样做时似乎有问题。

首先，多列方面不起作用。它们的定义如下：

.modal-body
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;

我已经尝试过查找，并且没有找到Safari的相关结果。我找到了一个让我了解这个解决方法的网站：

.modal-body
  > *
    display: inline-block;
    width: 100%;

它有点工作，但它导致了另一个问题，即它通过水平首先而不是垂直填充它来修复列（即首先显示名字，然后在同一列上显示下面的姓氏。但是，此解决方法将Last Name放在第二列的顶部，这是我不想要的）

我的下一个问题是，当我使用Safari时，某些元素不会出现在预览中。就像我之前所说的那样，有一个元素显示“First Name：”，另一个元素显示实际名称。它在Chrome和Firefox中都能正常显示，但在Safari中我通常只获得没有“____：”的实际值。

我发现在等待5分钟并尝试再次打印后，这些值会再次显示在打印预览上，但关闭它并再次尝试会使它们消失。

我不确定这个问题源于何处，但我认为这部分代码是显示这些项目的

.item.form-group
  width 80mm !important
  page-break-inside avoid !important
  margin 0
  margin-right 10mm
  padding 0

非常感谢任何帮助。