WebKit連字符

是否有人能成功地在任何WebKit瀏覽器中實現連字符？我嘗試過CSS3 hyphenation風格以及-webkit-hyphens: auto。這些都沒有骰子。或者，也許我做錯了什麼？WebKit連字符

注意：我只在Mac上試過Safari和Chrome。

更新：代碼示例

<html> 
    <head> 
    <style> 
     div { 
     -webkit-hyphens: auto; 
     } 
    </style> 
    </head> 
    <body> 
    <div style="width: 150px; border: solid 1px black;"> 
     <p>Anaideia, spirit of ruthlessness, shamelessness, and unforgivingness</p> 
     <p>Supercalifragilisticexpialidocious, Antidisestablishmentarianism, Floccinaucinihilipilification, Hippopotomonstrosesquipedaliophobia</p> 
    </div> 
    </body> 
</html>

來源

2011-03-18 dandax

你在哪裏試圖實現它們，你能給我們提供你正在使用的文本嗎？ – 2011-03-18 19:17:16

下面是該代碼的鏈接（使用webkit拼寫正確:)）http://jsbin.com/ihama4/2/ – 2011-03-18 21:19:00

你是怎麼想出這些長單詞的？我以前只聽過第一首。 Supercalifragilisticexpialidocious – 2011-03-18 21:29:03

-webkit-連字符工作正常，在iOS 4.2及以上，且在，WebKit Nightlies版部分支持。

的Webkit：

Webkit

的iOS 4.3：

iOS 4.3

來源

2011-03-18 21:15:43

+1的解釋性屏幕截圖 – 2011-03-18 21:51:39

截至2015年不要使用它：http://caniuse.com/#feat=css-hyphens – 2015-06-15 15:02:00

爲什麼，桌面上的Safari 9和iOS 9上仍然使用-webkit-前綴，其他瀏覽器也沒有前綴。 – 2015-06-15 15:44:19

它工作在Safari（的Safari 5.1在OS X獅子測試，並在iPad Safari瀏覽器移動），而不是與Chrome尚未。請參閱http://caniuse.com/css-hyphens獲取連字符瀏覽器支持。

這裏是段落如何在320及以上的項目（http://www.stuffandnonsense.co.uk/projects/320andup/）風格：

p { 
    hyphens:auto; 
    text-align:justify; 
    -webkit-hyphens:auto; 
    -webkit-hyphenate-character:"\2010"; 
    -webkit-hyphenate-limit-after:1; 
    -webkit-hyphenate-limit-before:3; 
    -moz-hyphens:auto; 
}

（最後一行是爲Firefox）

所以對齊文本在瀏覽器中這是一個很大的禁忌正在慢慢成爲現實。

來源

2011-12-01 01:44:57 nachomaans

更好的日子即將到來..瀏覽完Editors working draft之後 - 在提供的例子中，我認爲未來更好的屬性將是'overflow-wrap：'。 '連字符：'確實更適合一般的格式要求，而溢出包裝適用於需要破解的過長詞的緊急情況。最好的價值將是

* { 
overflow-wrap:hyphenate. 
}

唉溢出包裝doesen't似乎以任何方式在iPhone或Firefox，和溢出包裹的支持只是尚未：斷字是不是即使在工作草案。（sadface）

來源

2012-04-27 02:28:53 adriatiq

WebKit連字符

回答

相關問題