網頁設計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相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本
説明:
設置或檢索對象內文本的字內換行行為。尤其在出現多種語言時。
-
asp.net 操作INI文件讀寫類實例代碼
操作INI文件讀寫類實例代碼複製代碼代碼如下:usingSystem;usingropServices;using;using;namespaceCommon{//////INI文件讀寫類。///publicclassINIFile{publicstringpath;publicINIFile(stringINIPath){path=INIPath;}[DllImport("kernel32")]privatestaticex...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...
-
JavaScript 函數表達式
JavaScript中創建函數主要有兩種方法:函數聲明和函數表達式。這兩種方式都有不同的適用場景。這篇筆記主要關注的是函數表達式的幾大特點以及它的使用場景,下面一一描述。主要特點可選的函數名稱函數名稱是函數聲明的必需組成部分,這個函數名稱相當於一個變量,新定...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...