div中英文無法自動換行的解決辦法

2022-08-20 13:21:12 字數 291 閱讀 6146

在乙個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。

但是,如果輸入的是英文本母,那麼,無論你div設定寬度為多少,英文本母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。 

原因:這是因為div中,英文本母之間沒有空格的話,它會預設認為這是乙個英文單詞,所以單詞就一次輸出不換行。那麼,難道我們得在每個字母中間加入乙個空格來解決這個問題麼?其實不用的,可以通過css實現。 

解決辦法:在div的style中設定word-break:break-all;即可實現自動換行。

固定寬度的DIV中英文不能自動換行

在乙個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。但是,如果輸入的是英文本母,那麼,無論你div設定寬度為多少,英文本母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。原因 英文本母之間沒有空格的話,它會預設認為這是乙個英文單詞,所以單詞就一次輸...

TABLE自動換行 支援中英文

數字和英文的時候,table中的td就會被拉長.解決方法是新增 用 做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號 把網頁就撐開的現象。總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all wo...

QLabel自動換行(支援中英文)

qlabel支援提供了api,只有中文換行,因為中文裡面含有空格換行符號,如下labelname setwordwrap true labelname setalignment qt aligntop 如果你輸入了英文裡面提供了換行符號或者空格,英文也可以支援換行 qstring str fdsfa...