CSS3多列切斷斜體

Question

我的例子：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'; 
} 

Answer 1

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

這顯然是與自身的CSS問題。我想知道是否有任何Google Open Web字體可以做到這一點，因爲它們都是網頁優化的。

因此，您可能需要考慮使用多欄div佈局（div內的div），而不是使用-webkit規則。他們是跨瀏覽器的，我認爲div可以在你可以用它們做什麼方面更靈活。