2012-04-07 69 views
2

我有一個固定寬度的div,300px。我有需要進入div的用戶輸入文本。問題是,人們是否將「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa」這個詞放入div中。這會導致文本超出div的寬度。即使文字中沒有空格,我也希望文字能夠包裹。有沒有辦法做到這一點與CSS?我嘗試了css white-space屬性,但它不起作用。在div中包含一個沒有空格的單詞

如果任何人有一個解決方案或在正確的方向點將是美好的。

+0

可能重複的[如何在HTML中換文字?](http://stackoverflow.com/questions/1147877/how-to-word-wrap-text-in-html) – 2012-04-07 04:33:12

回答

7

試試這個:

word-wrap:break-word; 
+0

是啊!像魅力工作 – Alexis 2012-04-07 04:04:49

+0

不錯。這在所有瀏覽器中都受支持嗎?真棒解決方案。 :D – jehzlau 2017-10-02 21:55:45

+0

@jehzlau它似乎很好的支持:) https://caniuse.com/#search=word-wrap – 2017-11-24 06:22:59

1

有沒有辦法做到這一點正確,與現有技術的當前狀態。換行規則很複雜,因語言而異。

使用word-wrap:break-word或一些VA riants的任意打破characte RS的字符串,幾乎可以肯定打破了日 Ë語言的規則和迷惑人。

相關問題