带有 CSS 列的 Safari 错误答案

【问题标题】：Safari bug with CSS columns带有 CSS 列的 Safari 错误
【发布时间】：2016-02-04 01:57:58
【问题描述】：

我在 Safari Mac 中有这个奇怪的错误。当我使用 CSS 列 (-webkit-column-count) 时，分列符将图像切成两半，而不是在图像之后断开列。

在 FF 和 Chrome 中，一切都按预期进行。

有人知道如何解决这个问题吗？

【问题讨论】：

目前我使用的是 Safari 5.0.3。我刚刚在 Lion 上的 Safari 5.1 中测试了该站点，并且该错误似乎在那里得到了解决，所以这是时间问题 :)

【解决方案1】：

我相信这是一个已知的 safari 错误...只需要等待他们修复即可。

现在稍微好一点的解决方法是给 div.entry 一个高度以容纳图像。我试过 630px 看起来还不错

【讨论】：

【解决方案2】：

我遇到了同样的问题，我找到了一种轻松解决的方法。

你可以使用这个 CSS 元素：

-webkit-column-break-inside: avoid;

【讨论】：