1.text-overflow:clip; 不顯示省略號(…),而是簡單的裁切
2.text-overflow:ellipsis;單行文字溢位時顯示省略號
1.white-space:normal;預設值
2.white-space:nowrap;文字不會換行,文字會在同一行上繼續,直到遇到br標籤為止
3.white-space:pre;空白符會被保留,瀏覽器可以識別空格
4.white-space:pre-line;合併空白符序列,但是保留換行符
5.white-space:pre-wrap;保留一部分空白符序列,但是正常的進行換行
1.overflow:visible; 預設值,內容不會被修剪。會呈現在元素框之外
2.overflow:hidden; 內容會被修剪,其餘內容不可見
3.overflow:auto;如果內容被修剪,則瀏覽器會顯示滾動條,以便檢視其它的內容
4.overflow:scroll;內容被修剪,但是瀏覽器會顯示滾動條,以便檢視其餘內容;
overflow是簡寫,overflow-x,overflow-y
1.容器寬度 width:value;
2.強制文字在一行內顯示:white-space:nowrap;
3.溢位內容為隱藏 overflow:hidden;
4.溢位文字顯示省略號:text-overflow:ellipsis;
a.根據css顯示分類,標籤分為塊狀元素和內聯元素/行內元素
注意:p標籤是塊元素,但是只能作為內聯元素的容器,標題標籤之間不能互相巢狀
b.內聯元素不能定義它的寬高,只能根據所含內容的寬高來確定。也遵循盒模型的基本規則,padding、margin、border上下的值沒有實際布局功能
block/inline/inline-block(img,input,textarea,select)/none/list-item/table-row/table/table-cell(td)/table-header-group(thead)/table-footer-group/table-row-group/flex/inline-flex
vertical-align:top/middle/baseline/bottom
置換元素本身擁有固有尺寸(寬、高、寬高比)根據瀏覽器元素的屬性和屬性值來決定元素具體顯示內容
ie9以下 filter:alpha(opacity=value);0-100
1.插入flash
//html
2.flash背景設定透明度
##滾動字幕
//html
內容
css 文字溢位
1 文字單行 文字單行 設定文字不換行,元素無法容納的文字會溢位。語法 text wrap none 此屬性為css3中的屬性,目前主流瀏覽器都不支援。如 缺省會換行 手機支付使用者規模已達2.76億,中國手機網民規模 5.94 億,較2014 年底增3679 萬人.wrap white space...
css設定文字溢位為省略號
lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle divp style head 希望現在的你,別害怕現狀,也別試圖強迫自己。世事無常,總要有一段日子是用來浪費...
CSS 解決文字溢位,換行
當我們設定我的的div,或者其它文字框固定寬度之後,文字內容過多就會出文字溢位 顯示在區域外面,不換行的情況 這時我們可以使用css中的幾個屬於來解。有以下的三個屬於可以解決問題 1,word break 屬性規定自動換行的處理方法。word break normal break all keep ...