CSS列的Safari漏洞

Question

我在Safari Mac中遇到了这个奇怪的错误。当我使用CSS列（-webkit-column-count）时，列分隔符将图像切成两半而不是在图像之后打破列。

在FF＆amp; Chrome一切都像预期的那样。

任何人都知道如何解决这个问题？

我附上了2个屏幕截图和当前正在发生的网址： http://omloophetnieuwsblad.be/nl/elite-men/news/2011-02/35/langeveld-wint-de-omloop

1. Safari bug

2. 更正列

Answer 1

我相信这是一个已知的safari bug ...只需等待他们修复它。

现在有一个好的解决方法是给div.entry一个高度来容纳图像。我试过630px它看起来很好

Answer 2

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

您可以使用此CSS元素：

-webkit-column-break-inside: avoid;