1. 程式人生 > >CSS樣式解決英文換行斷詞問題

CSS樣式解決英文換行斷詞問題

* {word-wrap : break-word ;word-break : break-all ;}
/*word-wrap是控制換行的。
使用break-word時,是將強制換行。中文沒有任何問題,英文語句也沒問題。但是對於長串的英文,就不起作用。
break-word是控制是否斷詞的。
normal是預設情況,英文單詞不被拆開。
break-all,是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決了長串英文的問題。
keep-all,是指Chinese, Japanese, and Korean不斷詞。即只用此時,不用word-wrap,中文就不會換行了。(英文語句正常。)
ie下:
使用word-wrap:break-word;所有的都正常

相關推薦

CSS樣式解決英文問題

* {word-wrap : break-word ;word-break : break-all ;}/*word-wrap是控制換行的。使用break-word時,是將強制換行。中文沒有任何問題,英文語句也沒問題。但是對於長串的英文,就不起作用。break-word是控制

css強制html不 css強制英文單詞 重拾丟失的

題解 bsp break 換行 強制 建議 特性 問題解決 設置 css強制html不換行 css強制英文單詞斷行 強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: b

CSS強制英文、中文與不 強制英文

字母 psi 省略號 -s 換行 適合 hidden 強制 超出 1. word-break:break-all;只對英文起作用,以字母作為換行依據 2. word-wrap:break-word; 只對英文起作用,以單詞作為換行依據 3. white-space:pre-

css 英文 css(word-wrap/break)使純英文數字自動

並且 斷開 自動換行 英文數字 兩種 強制換行 pan all ane 問題 當一個定義了寬度的塊狀元素中填充的全部為純英文或者純數字的時候,在IE和FF中都會撐大容器,不會自動換行並且當數字或者英文中帶有漢字時,會從漢字處換行,而純漢字卻可以自動換行。這個問題如何解決?先

css 長單詞不溢位容器的解決方法 word-wrap與word-break

這兩個東西是什麼,我相信至今還有很多人搞不清,只會死記硬背的寫一個word-wrap:break-word;word-break:break-all;這樣的東西來強制斷句,又或者是因為這兩個東西實在是太拗口了,長得又差不多,導致連背都很難背下來。 那它們到底是什麼呢?我在m

pre即可保持原來樣式也可以

jce 原來 white com 樣式 pos b- hfs follow pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-sp

css - 單詞的自動問題

文檔 一行 強制換行 但是 orm url break word 方案 轉載自:解決文檔中有url鏈接時被強制換行的問題 問題 當行內出現很長的英文單詞或者url的時候,會出現自動換行的問題,為了美化頁面,往往會希望這些很長的英文單詞或者url能夠斷開來,超出的部分換行到下

css文字的強制和超出寬度省略變成點兒

dde 設置 word 內容 css樣式 font bsp 三種 bre 一、文字換行   今天做div內部放文字時發現,不管我div設置多寬的屬性,都會有div裏面的字丁出去,不在div內部的狀況,因此我就使用了css樣式設置,強制將文字換行:   三種方式     1、

英文

word-break:break-all;只對英文起作用,以字母作為換行依據 word-wrap:break-word; 只對英文起作用,以單詞作為換行依據 white-space:pre-wrap; 只對中文起作用,強制換行 white-space:nowrap; 強制不換行,都起作用 white-spac

css DIV中文字顯示

區別 white-space:normal; word-break:break-all; word-wrap:break-word; 新增上上邊的三句就可以換行 這三句重點在於:word-break與word-wrap a:word-break 屬性規定自

Android 自繪TextView解決提前問題,支援圖文混排

先看下效果圖: 上面是MTextView,下面是預設的TextView。 一、原因 用最簡單的全英文句子為例,如果有一個很長的單詞,這一行剩餘的空間顯示不下了,那麼規則就是不打斷單詞,而是把整個單詞丟到下一行開始顯示。這樣本來沒有錯。一是咱們中國人都是方塊字,怎麼都放

css控制文字自動

自動換行問題,正常字元的換行是比較合理的,而連續的數字和英文字元常常將容器撐大,挺讓人頭疼,下面介紹的是CSS如何實現換行的方法對於div,p等塊級元素正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義的寬度之後自動換行html正

Bootstrap Tooltip修改樣式和顯示

在專案中,使用到了bootstrap中的tooltip,但是我不需要使用它的樣式,並且文字顯示的內容是需要換行的。程式碼如下:<link href="bootstrap/css/bootstrap

echarts x/y軸座標文字過長解決辦法-

/** * Created by HanSon on 2016/1/24. */ function newline(option, number, axis){ /* 此處注意你的json是陣列還是物件 */ option[axis][0][

css p 文字不,超出文字顯示省略號

.text { // 文字強制不換行 white-space: nowrap; // 文字溢位顯示省略號 text-overflow: ellipsis; // 溢位的

解決html引起的空格

我們在寫html的時候,經常會碰到標籤的換行,或者是內容的換行,在介面中是會出現空格的間隙。如: 這樣的寫法,在介面上的效果是這樣: 解決方法: 效果: 總結:父級設定font-

CSS----表格文字自動

 如何防止頁面的輸入表格,被使用者一次性在一行輸入很長的字元而造成頁面難行,其實很簡單,可以用 CSS的換行屬性強制換行就可以了,如下<TABLE width="100" style="word-break:break-all"></table>

英文字元不,漢字可以,你需要這個css樣式

今天遇到一個問題,在對話頁面,輸入aaaaaa…,一直到100(最多100)個字元,傳送之後,發現超過了對話方塊的長度,沒有換行,數字也是一樣,但是輸入100個漢字,就可以自動換行。 在F12裡檢

CSS-中英文兩端對齊,英文不斷,自動

CSS: { word-break: keep-all; word-wrap: break-word; // 只對英文起作用,以單詞作為換行依據。 white-space: pre-wrap; //只對中文起作用,強制換行。

CSS解決無空格太長的字母,數字不會自己主動的問題

strong ack 換行 tle 主動 發出 字母 文字 htm 事實上非常easy,代碼例如以下所看到的,註意 Style: <div class="detail_title" style="word-break: break-all;"><%=S