1. 程式人生 > >div中英文無法自動換行的解決辦法

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

在一個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。 但是,如果輸入的是英文字母,那麼,無論你div設定寬度為多少,英文字母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。 

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

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

相關推薦

div中英文無法自動解決辦法

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

input不支援自動解決辦法

textarea與input input不支援換行; textarea: 1.支援換行; 2.左邊字型要想跑向左上角需要加程式碼; <textarea name="" id="" cols="" rows="" style="vertical-align:top;out

delphi xe7的unit代碼窗按回車不解決辦法

.com insert ces fff size term 標記 解決辦法 現在 最近在學習delpi XE7時,發現在窗體中無法回車換行,想了好久,終於找到了。如下圖: 原因: 當前紅色標記的地方為:overwrite,相當只能讀能,不能插入,原因是因為不小心按了一個

使用display:flex或者float後子元素文字無法自動問題

當父元素設定display:flex後,子元素會自動佈局並適應寬度,但裡面的文字文字超出邊界卻無法自動換行解決方法:.container2 .block .content1 p{ width:calc(100%);height:1.2rem;line-height:0.6r

TextView英文自動解決方法

TextView元件 遇到一個問題: 想將【TP-LINK_XXXXXXX】已ellipsize="end'的方式展示一部分,設定 android:layout_width="400px" android:ellipsize="end" android:maxLines=

C# WinForm 中Label自動 解決方法

在TableLayoutPannel中放著一些Label 如果把Label的AutoSize屬性設成True的話,文字超過label長度時就會自動增加,直到後面的字出窗體以外 設定成False時,一旦到達Label的長度,後面的字元也就顯示不出來了 經過我的多番實踐,最

QML之TextEdit連續輸入多個空格後無法自動

在使用qml的TextEdit(ps:包括QTextEdit也有此問題)的時候發現不停的輸入空格後會無法自動換行,如下圖所示: 嘗試更改所有的wrapMode後並沒有卵用,可能是Qt自己的bug吧。 既然如此那就手動換行來解決,因為僅僅只有空格有此問題,所以單獨處理空

ionic col不能解決辦法

<div class="row row-wrap"> <div class="col col-50">1</div> <div class="col col-50">1</div> <div class="c

JustifyTextView 解決TextView中英文混排自動的問題

        最近在做著一個專案,裡邊會顯示很長的一段文字,但是這些文字並不會整齊地排列,遇到文字中帶有中英文時,果斷給我換行了,好無語..接著就是不斷地百度百度,找到了一堆一兩年前的東西,不是叫你半形轉全形,就是中文符號轉英文符號,還有一些自定義TextView的試過了

div中 li寬度不固定 ie6和ie7不兼容不自動

pwm https 不兼容 ofo http ace light href lan 我的li因為內容字數不一樣,所以寬度不固定,給他float:left屬性後,ie6和ie7不兼容,不自動換行!我給ul或者li: ul{white-space: nowrap} 屬性還是

(轉載)div內文字超過寬度時自動

strong 部分 div 英文單詞 tar oba blank word-wrap ati 解決方法:div 設置寬度後 style加上 word-break:break-all; 或者 word-wrap:break-word; 區別:(http://zhidao.

解決textarea不會自動的問題

用html的textarea標籤編輯錄入資料或文字的時候,按enter鍵換行錄入儲存,但是當重新從伺服器讀取資料的時候發現不會換行了,Google之後終於發現了原因並和解決方法 原因: 當在前端錄入資料的時候,按enter換行其實該換行符是“\n”,那麼在進行讀寫的時候都是

Android 自定義View 解決 TextView 自動排版不整齊

第一次寫東西,內心小緊張,又不知道怎麼寫,儘量把遇到的問題和解決思路說清楚,寫的不好請見諒。 需求 專案有一個需求,很簡單,就是一個recyclerview,item裡面是兩個textview。一個TextView顯示的字串包含圓角、半形和中、英文以及數字。 想起來

ASP.NET GridView中文字內容無法(自動/正常)

最近做專案的時候,遇到這樣一個問題:我用GridView來顯示課程表,每個單元格的內容包括課程名、上課地點、教師姓名,然後我想讓它們分行顯示,效果如下圖: 可是呢,GridView太頑強了,不管我拼接字串時用“\r\n”還是"<br/>",結果都無濟於事,

解決TextView自動

Android開發中會經常遇到TextView自動切行的情況,解決辦法有兩種: 1,把所有字母、標點、符號、數字全部轉換成全形字元,讓其與漢字同樣佔用兩個位元組。 2,把所有字元,標點,符號換成英文符

QLabel自動(支援中英文

QLabel支援提供了API,只有中文換行,因為中文裡面含有空格換行符號,如下 LabelName->setWordWrap(true); LabelName->setAlignment(Qt::AlignTop); 如果你輸入了英文裡面提供了換行符號或者空格,英文也可以支

解決TextView排版自動問題

justified實現Textview和Edittext文字左右對齊 https://github.com/programingjd/justifiedhttp://blog.sina.com.cn/s/blog_73615d370100zpt5.html今天忽然發現and

解決eclipse的自動問題

安裝方法:使用Eclipse 的自動升級功能,選單欄選Help→install new Software然後按照提示進行安裝完成就可以了裝完後在程式碼編輯介面點右鍵,會出現“Word Warp ”屬性,

CSS實現div新增過長的英文字母或數字的內容顯示一排而溢位時,進行自動

想用js動態往div新增內容,由於新增的內容過長,直接加進去的話,內容總是一行,會溢位到div外面,嘗試了div中新增p、table、span等,都不行 後來查資料得知,在div css佈局中,遇到連續英文字母或連續數字在div、p、h2、h1等盒子裡排成一排顯示不會自動隨

js獲取TextArea每一行字串(包括自動符)的解決方案

當TextArea開啟自動換行時,通過同步提交可以在後臺獲取到自動換行符,但是如果通過js讀取進行非同步提交時,卻無法獲取到自動換行符。這裡先給出兩種半吊子解決方案: 1 利用IE的createTextRange可以通過移動擴充套件游標直到內容超出TextArea寬度時結束,該方法不支援跨瀏覽