欧美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)文章

最新評論