單詞的換行 溢位隱藏 小程式篇

2021-10-08 13:25:18 字數 849 閱讀 5804

富文字裡的 html 標籤之間有空格

單詞超出顯示省略號(單行)

單詞超出顯示省略號(多行)

說在最後

normal|break-all | keep-all

normal | break-word

空格轉換

normal|nowrap|pre|pre-wrap|pre-line

既然瀏覽器會壓縮多個空格,那只要保證文字裡每次只有乙個空格相鄰就可以了。

□ --

> □

□□ --

> □ 

□□□ --

> □ □

□□□□ --

> □ □

自動規避了瀏覽器的合併空格策略。

p

/*文字單行超出隱藏顯示省略號*/

/*這種方法會將單詞打斷,比如最後乙個單詞是interesting打斷後就顯示成了inter...*/

p

/*這種方法不會將前幾行的單詞打斷,但是會將最後一行的最後乙個單詞打斷*/

word-wrap:決定句尾放不下單詞時,單詞是否換行。

word-break:決定單詞內該怎麼換行。

平文字可以配合 white-space: pre-wrap 來解決多空格壓縮顯示問題。

富文字採用的解決方案是對空格進行間隔 html 轉義,這種方法更靈活,可以適應不同的場景,也適用於平文字。

踩坑,留下足跡!!!

乙個小程式的棧溢位

看下面 include int cp char p int main else return 0 在vs2008下面建個工程,我輸入 1234567 的時候輸出是 congralations 程式是正確的,但是當我輸入是 12345678 的時候,崩潰了,於是我把gs關了,結果輸出竟然也是 cong...

乙個小程式的棧溢位

看下面 include int cp char p int main else return 0 在vs2008下面建個工程,我輸入 1234567 的時候輸出是 congralations 程式是正確的,但是當我輸入是 12345678 的時候,崩潰了,於是我把gs關了,結果輸出竟然也是 cong...

小Tip 關於單行 多行文字溢位隱藏的一些看法

最早的文字溢位隱藏只是簡單的hidden,把看不見的都給 去掉 就像這樣 class hid 哈哈哈哈哈哈哈哈哈哈哈 p hid hid 這裡的white space屬性一定要有 它的作用是 強制文字不換行 因為文字預設是 一行走不通就另起一行 但是這樣的話就會被認為 沒有超出規定部分 就不會打到 ...