2011-10-26 37 views
8

是否可以定義用於-webkit-hyphens:auto的語言?它是否默認爲系統語言?CSS連字語言

<p style="-webkit-hyphens:auto" lang="en"> 
Hyphenated in English 
</p> 
<p style="-webkit-hyphens:auto" lang="es"> 
Hyphenated en Español 
</p> 

按照Mozilla documentationhyphens屬性將使用在lang HTML屬性指定的語言。但是,我找不到任何提及Safari documentation中的-webkit-hyphens財產。

此外,meta language屬性是否有任何影響?或者這可以應用於html元素嗎?

下面是我用於測試(在Safari和Firefox中)的fiddle

+0

這篇文章是非常有啓發性:http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation – hpique

回答

8

是否可以定義用於-webkit-hyphens:auto的語言?

是的。

但是,我找不到任何在 Safari文檔中提到的-webkit-hyphens屬性。

根據WebKit的更新日誌,它允許指定的語言。

https://bugs.webkit.org/show_bug.cgi?id=43467

您可能需要使用-webkit-hyphenate-locale來得到它的工作。

或者這可以適用於HTML元素?

根據這篇文章及其示例,您可以在元素中正確設置lang屬性。

http://drublic.de/blog/css3-auto-hyphenation-for-text-elements/

+0

+1對WebKit的更新日誌搜索! – hpique

+0

Safari不承認lang元素。 iOS Safari(至少在模擬器上)沒有。在這種情況下,我使用-webkit-locale而不是-webkit -haphenate-locale。 – hpique