欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS屬性探秘系列(二)：overflow及相關(guān)屬性text-overflow

  發(fā)布時間：2014-10-22 09:15:54   作者：佚名   我要評論
本文是CSS屬性探秘系列的第二篇，主要為大家介紹了css的overflow屬性以及其相關(guān)屬性text-overflow，有需要的朋友可以參考下，歡迎大家來進(jìn)行討論

一、overflow
指定盒中容納不下的內(nèi)容的顯示方法。

1.適用范圍：塊級元素

2.可取值：
visible：不剪切內(nèi)容(默認(rèn))。
hidden： 將超出對象尺寸的內(nèi)容進(jìn)行裁剪，將不出現(xiàn)滾動條。
scroll： 將超出對象尺寸的內(nèi)容進(jìn)行裁剪，并以滾動條的方式顯示超出的內(nèi)容。
auto： 在需要時裁剪內(nèi)容并添加滾動條，此為body對象和textarea的默認(rèn)值。

3.說明：
對于table來說，假如table-layout屬性設(shè)置為fixed，則td對象支持帶有默認(rèn)值為hidden的overflow屬性。如果設(shè)為hidden，scroll或者auto，那么超出td尺寸的內(nèi)容將被剪切。如果設(shè)為visible，將導(dǎo)致額外的文本溢出到右邊或左邊（視direction屬性設(shè)置而定）的單元格。

二、相關(guān)屬性：
1.overflow-x:
overflow在水平方向上
2.overflow-y:
overflow在垂直方向上

3.text-overflow:
水平方向上,指定文字溢出時的顯示方式,對于省略標(biāo)記出現(xiàn)哪一側(cè)由文字方向決定

1)可取值：
clip:文本溢出時不顯示省略標(biāo)記（…），將溢出的部分裁切掉
ellipsis:文本溢出時顯示省略標(biāo)記（…）
字符串：任何字符串（FF支持）

2)使用前提：
塊級元素
設(shè)置寬度(不設(shè)置以瀏覽器窗口寬度為準(zhǔn))
overflow:hidden;//溢出隱藏
white-space:nowrap;//禁止換行

3)說明:
a.當(dāng)對容器設(shè)置浮動或者定位時，必須對容器設(shè)置寬度才能出現(xiàn)省略號
b.對于Firefox瀏覽器，可以給text-overflow設(shè)置溢出時顯示任意字符串來替換省略號，如text-overflow:”&&&”。

相關(guān)文章

最新評論