CSS3多列剪切斜体文本

我的例子：（请看字母“p”）

不幸的是，当我使用多列时，webkit会剪切斜体书写的字符（如果它们超出了列的边界）。这正常吗？或者有可能修复它吗？谢谢

Html:

<div>
pony pony pony pony...
</div>

div{    
    -webkit-column-width: 48px; 
    -webkit-column-gap: 10px; 
    font-style: italic;  
    font-family: 'Helvetica Neue';
}

这显然是css本身的问题。我想知道谷歌的开放式网页字体是否能做到这一点，因为它们都是经过网页优化的

---

因此，您可能需要考虑使用多栏DIV布局（div内的div），而不是使用<代码> -WebKe规则。它们是跨浏览器的，我认为div在使用上更灵活。

浮动/内联div甚至与使用多列模块不太一样。我建议了一种替代方法。我没有说他们是相似的。