CSS3多列截断斜体文本

【问题标题】：CSS3 Multiple Columns cut off italic textCSS3多列截断斜体文本
【发布时间】：2013-07-18 18:59:37
【问题描述】：

我的例子：http://jsfiddle.net/zzhT3/（请看字母“p”），

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

HTML：

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

CSS：

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

【问题讨论】：

【解决方案1】：

这显然是css本身的问题。我想知道是否有任何 Google Open Web Fonts 会这样做，因为它们都是经过网络优化的。

因此，您可能需要考虑使用多列 div 布局（div 内的 div）而不是使用 -webkit 规则。它们是跨浏览器的，我认为 div 在你可以用它们做什么方面更加灵活。

【讨论】：