Html Safari打印多列页面不同于Chrome和Firefox

我有一个按钮，可以将从页面中获取的信息打印成两列。它在Chrome和Firefox中运行良好，并按预期打印，但我在Safari中尝试时似乎遇到了一个问题

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

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

我已经试着去查了一下，但没有找到与Safari相关的结果。我发现了一个网站，它让我找到了这个解决方法：

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

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

我的下一个问题是，当我使用Safari时，一些元素不会出现在预览中。正如我前面所说的，有一个元素显示“First Name:”和另一个元素显示实际名称。它在Chrome和Firefox中都能正确显示，但在Safari中，我通常只得到实际值，没有“\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuiuuuuuuuuuuuuuuuuuuuuuuu

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

我不确定这个问题是从哪里来的，但我认为代码的这一部分就是显示这些项目的部分

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

---

非常感谢您的帮助。

欢迎使用StackOverflow！为了让我们更好地帮助您，请您更新您的问题，使其以一种新的方式显示您的相关代码。如果您能让我们知道您迄今为止为解决您的问题所做的努力，这也会很有帮助。有关更多信息，请参阅关于的帮助文章，并点击：）嘿，那里！我真的不知道如何更详细地解释我的问题，但我已经尽力了。谢谢你的建议！