1. 程式人生 > >html 中長單詞換行問題

html 中長單詞換行問題

style:“word-wrap:break-word;或word-break:break-all;”

用來解決長字串/長單詞不能自動換行而導致的內容溢位空間問題

word-wrap:break-word

css的 word-wrap 屬性用來標明是否允許瀏覽器在單詞內進行斷句,這是為了防止當一個字串太長而找不到它的自然斷句點時產生溢位現象。

word-wrap :break-word;允許單詞內斷句。在本行空間不夠的情況下它會首先挪到下一行,再適當進行單詞內斷句。有一定的空間浪費

//單獨使用該屬性時需要設定標籤width:value;

word-break:break-all

css的 word-break 屬性用來標明怎麼樣進行單詞內的斷句。

word-break:break-all;不會把長單詞挪到下一行,而是直接進行單詞內的斷句。空間利用率高

//單獨使用該屬性時不必設定標籤width:value;