overflow 屬性說明:

版本：CSS2　 兼容性：IE4+ NS6+　繼承性：無
語法：overflow : visible | auto | hidden | scroll

相關參數說明如下：

visible:：不剪切內容也不添加滾動條。假如顯式聲明此默認值，對象將被剪切為包含對象的window或frame的大小。并且clip屬性設置將失效。
auto：此為body對象和textrea的默認值。在需要時剪切內容并添加滾動條
hidden：不顯示超過對象尺寸的內容。
scroll：總是顯示滾動條。
 
使用說明及要點：

◎ 檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。
◎ 設置textarea對象為hidden值將隱藏其滾動條。
◎ 對于table來說，假如table-layout屬性設置為fixed，則td對象支持帶有默認值為hidden的overflow屬性。如果設為hidden，scroll或者auto，那么超出td尺寸的內容將被剪切。如果設為visible，將導致額外的文本溢出到◎ 右邊或左邊（視direction屬性設置而定）的單元格。
◎ 自IE5開始，此屬性在MAC平臺上可用。 對應的腳本特性為overflow。

示例：

body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }

text-overflow版本：IE6+專有屬性　繼承性：無

div 溢出隱藏 div文字溢出用點(省略號)代替

在div布局中內容溢出了容器，超出了容器所限定的寬度應該怎么辦呢？很是疑惑，于是搜集整理一番，發現可以讓內容超出容器時超出部分顯示省略號，這種做法不僅解決了問題，而且很美觀，好了，不多說了，有興趣的朋友可以參考下

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表