CSS強制英文、中文換行與不換行 強制英文換行
1. word-break:break-all;只對英文起作用,以字母作為換行依據 2. word-wrap:break-word; 只對英文起作用,以單詞作為換行依據 3. white-space:pre-wrap; 只對中文起作用,強制換行 4. white-space:nowrap; 強制不換行,都起作用 5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行,超出部分隱藏且以省略號形式出現(部分瀏覽器支持) 代碼: .p1{ word-break:break-all; width:150px;}/*只對英文起作用,以字母作為換行依據*/ .p2{ word-wrap:break-word; width:150px;}/*--只對英文起作用,以單詞作為換行依據*/ .p3{white-space:pre-wrap; width:150px;}/*只對中文起作用,強制換行*/ .p4{white-space:nowrap; width:10px;}/*強制不換行,都起作用*/ .p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*不換行,超出部分隱藏且以省略號形式出現*/
註意,一定要指定容器的寬度,不然的話是沒有用的。
註意word-break 是IE5+專有屬性
語法:
word-break : normal | break-all | keep-all
參數:
normal : 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本
說明:
設置或檢索對象內文本的字內換行行為。尤其在出現多種語言時。
對於中文,應該使用break-all 。
註意,兼容火狐瀏覽器強制英文換行:
<div style="word-wrap:break-word; white-space:normal; word-break:break-all; width:150px;">英文內容</div>
CSS強制英文、中文換行與不換行 強制英文換行
相關推薦
CSS強制英文、中文換行與不換行 強制英文換行
字母 psi 省略號 -s 換行 適合 hidden 強制 超出 1. word-break:break-all;只對英文起作用,以字母作為換行依據 2. word-wrap:break-word; 只對英文起作用,以單詞作為換行依據 3. white-space:pre-
CSS強制英文、中文換行與不換行
代碼 英文 指定 ext 亞洲 tran book 了解 bsp 設計制作HTML時會遇到CSS強制英文、中文換行與不換行的問題,可以通過本文了解一下相關知識。 結構: 1.Transshipment Booking System is launched只對英文起作用,以字
CSS強制英文/中文換行與不換行
p1{ word-break:break-all; width:150px;}/*只對英文起作用,以字母作為換行依據*/.p2{ word-wrap:break-word; width:150px;}/*--只對英文起作用,以單詞作為換行依據*/.p3{white-spac
css相容多瀏覽器強制換行與不換行
相容多瀏覽器強制換行與不換行 強制不換行,多餘的部分用省略 overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 1. word-break:break-all;只對英文起作用,以字母作為換行依據 2.
CSS優先順序、CSS選擇器、解決衝突——繼承與層疊
2014年10月12日 11:09:20 一紙畫扇 閱讀數:3660 標籤: css
echo的換行與不換行
echo預設是有換行的, -n的時候, 是不換行的, 看下man的介紹: [email protected]:~$ man echo | grep "\-n" -C2
js控制文本框只能輸入中文、英文、數字與指定特殊符號
code 中英文 text 數字0 控制文本框 右鍵 彈出 false 彈出菜單 原文:http://www.open-open.com/code/view/1433592419640 JS 控制文本框只能輸入數字 <input onkeyup="value=va
Google翻譯(英文翻譯成中文)軟體(版本V1),消除換行符影響翻譯結果
因為最近看PDF文獻較多,有時候需要將英文文獻翻譯保留檢視,但PDF複製下來的小段落會有很多換行符哇: 舉個例子,隨意複製一段英文: 然後貼上並翻譯: 有沒有發現很多換行符~~,這個操作起來就很暴躁,雖然有一些小的外掛或者有道詞典可以解決,但是這個很不習慣啊, 於是,博主
java使用Freemarker、Flying sauser生成pdf,中文不顯示、設定頁首、換頁、紅色中文字型不能加粗顯示、中文不能換行解決
因為做這個很坑,花了幾天時間,終於爬出來了,為了實現功能,借鑑了很多程式碼,找起來很麻煩,現整合一下,方便使用,所以記錄下。 首先上兩個效果圖: 需求圖1:demo圖2: 做了個demo匯出pdf,demo的看不出換行,懶得去加資料了,所以把自己用的圖發出來。 本人使用的jar包:
GridView一般換行與強制換行
首先設定<asp:BoundField DataField="家庭住址" HeaderText="家庭住址" ItemStyle-Width="100" />gridview裡有一列繫結的資料很長,顯示的時候在一行裡面顯示,頁面拉得很寬。原因是連續英文段為
ASP.NET:GridView的一般換行與強制換行
//正常換行 GridView1.Attributes.Add("style", "word-break:keep-all;word-wrap:normal"); //下面這行是自動換行 GridView1.Attributes.Add("style", "word-break:break-al
html標題、段落、換行與字元實體
html標題通過 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,標籤可以在網頁上定義6種級別的標題。6種級別的標題表示文件的6級目錄層級關係,比如說: <h1>用作主標題(最重要
CSS white-space normal nowrap強制同一行內顯示所有文字不換行
1.多用於標題的字數很多 ,但不想換行 為了隱藏超出的部分 就用overflow:hidden樣式。 1、white-space語法: white-space : normal nowrap
CSS文本、空白換行
不定 自動 web 保留 企業 img 需求 imageview ima 前提:文本的父容器是塊級元素。首先,我們來整理一下與換行有關的3個CSS屬性: word-break 該屬性決定文本內容超出容器時,瀏覽器是否自動插入換行符。 屬性值: normal:默認換行規則
[CSS]圖片、多行文本、多行文本與圖片的水平垂直居中
支持 clas ont body style back rgb 添加 vertica 圖片垂直居中:IE8+支持方法1.box { line-height:300px; text-align:center;}.box>img { vertical-a
JavaEE開發SpringBoot工程的創建、運行與配置
pro lock 部分 log 我們 index 測試的 ios welcom 軟件152 盧仁順 本篇博客我們就來聊一下如何使用Eclipse+STS插件來創建Spring Boot的工程。Spring Boot可以使我們更容易的使用Spring框架,在Spring Bo
保留多行文本框的換行與空格樣式,並轉義HTML標記的尖括號
inpu type 轉載 bmi replace rip col out 腳本 本文采用JavaScript進行演示,這並不影響你在項目中的實際應用,因為我提供的思路,你可以輕易地把它用你自己的語言進行實現,這通常是後臺語言,而且下面提供的正則表達式你幾乎可以完全照搬,因為
CSS定義字體間距 字體行與行間距
css 定義 字體間距 CSS定義字體行間距 line-height:xxpx;CSS定義字體間距下面我們講述一下CSS的文本屬性,還是先來看一下文本屬性的詳細列表:屬性屬性含義屬性值Word-spacing定義了各個單詞之間的間距Normal<length>必須以長度為單位Lette
Flask、Django模板網頁顯示python字符串的換行
模板換行 {{safe}}這個問題so,easy,把python的字符串換行,更換成html的換行不就ok了,如下:result=result.repalce(‘\n‘,‘<br/>‘)But,result並不盡人意還是沒有效果(如果這樣就可以了,就不會看到這個文章了吧),<br/>
《神經網絡與機器學習(第3版)》高清英文PDF+中文PDF
ges 目錄 中文版 href col watermark icu 對比 ofo 下載:https://pan.baidu.com/s/14wAIcUOO3HQEyfz23idldA 《神經網絡與機器學習(第3版)》高清英文PDF+中文PDF經典的《神經網絡與機器學習(第3