一、overflow
指定盒中容納不下的內容的顯示方法。
1.適用范圍:塊級元素
2.可取值:
visible:不剪切內容(默認)。
hidden: 將超出對象尺寸的內容進行裁剪,將不出現滾動條。
scroll: 將超出對象尺寸的內容進行裁剪,并以滾動條的方式顯示超出的內容。
auto: 在需要時裁剪內容并添加滾動條,此為body對象和textarea的默認值。
3.說明:
對于table來說,假如table-layout屬性設置為fixed,則td對象支持帶有默認值為hidden的overflow屬性。如果設為hidden,scroll或者auto,那么超出td尺寸的內容將被剪切。如果設為visible,將導致額外的文本溢出到右邊或左邊(視direction屬性設置而定)的單元格。
二、相關屬性:
1.overflow-x:
overflow在水平方向上
2.overflow-y:
overflow在垂直方向上
3.text-overflow:
水平方向上,指定文字溢出時的顯示方式,對于省略標記出現哪一側由文字方向決定
1)可取值:
clip:文本溢出時不顯示省略標記(…),將溢出的部分裁切掉
ellipsis:文本溢出時顯示省略標記(…)
字符串:任何字符串(FF支持)
2)使用前提:
塊級元素
設置寬度(不設置以瀏覽器窗口寬度為準)
overflow:hidden;//溢出隱藏
white-space:nowrap;//禁止換行
3)說明:
a.當對容器設置浮動或者定位時,必須對容器設置寬度才能出現省略號
b.對于Firefox瀏覽器,可以給text-overflow設置溢出時顯示任意字符串來替換省略號,如text-overflow:”&&&”。
|
新聞熱點
疑難解答