跨瀏覽器文本換行div

2012-09-24 95 views 2 likes

有沒有辦法讓一個文本塊適合在div中，並且在中斷前插入' - '來包裝中間詞。跨瀏覽器文本換行div

基本上有這樣的文字環繞elem-
ent。然後，我可以創建一個tex-
t塊，當div id調整大小時，它將自動繞回到緯紗

2012-09-24 Hat

僅支持CSS，但支持非常有限：https：//developer.mozilla.org/en-US/docs/CSS/hyphens –

實際上，這不會非常有效，因爲這些連字符應該會發生音節之間，而不是隨機字母，並檢測音節是很難做到的。如Jason（+1）所言， – jsonnull

這不是一個跨瀏覽器的問題，而是一個跨語言問題。但是誰知道。讓我們等待HTML6，並根據* lang *屬性'':)查看實現的*敘詞表*詞語識別技術 –

回答

評論者是正確的。但對於什麼它的價值，這可能是最好的，你會得到：http://jsfiddle.net/zB47k/

2012-09-25 01:23:54 Fresheyeball

，如果你不絕對需要「 - 」您可以使用自動換行

.wrap {word-wrap:break-word;} 

<div class="wrap">dfkajdlkfjkadjfjadjfladjfkajdkjfkajdfad</div>

您也可以使用新的連字符規範，但它限制瀏覽器支持： http://caniuse.com/#feat=css-hyphens

-ms-hyphens: auto; 
-webkit-hyphens: auto; 
-moz-hyphens:auto;

2012-09-25 01:31:39 jermel

在等待斷字的跨瀏覽器的原生支持的一種方式可以是： http://code.google.com/p/hyphenator/

或者添加軟連字符的服務器端（PHP）： http://phphyphenator.yellowgreen.de/

我在PHP中加入軟連字符（使用上述庫）的自我使用的方法，因爲網站是多語言之一，所有與語言相關的東西出現在服務器端

2012-09-25 03:06:41

相關問題