CSS3 Multiple Columns切断斜体文本

时间:2013-07-18 18:59:38

标签: css webkit multiple-columns italic

我的例子: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 个答案:

答案 0 :(得分:0)

http://css-tricks.com/forums/discussion/18319/parts-of-italicscript-text-being-cut-off-at-start-of-line/p1

这显然是css本身的一个问题。我想知道是否有任何谷歌开放网络字体会这样做,因为他们都是网络优化。

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