CSS對(duì)文字溢出時(shí)的自動(dòng)隱藏處理_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
overflow 屬性說明:
相關(guān)參數(shù)說明如下:
使用說明及要點(diǎn):
示例:
text-overflow版本:IE6 專有屬性 繼續(xù)性:無
示例代碼 [www.wf0088.com]
版本:CSS2 兼容性:IE4 NS6 繼續(xù)性:無
語法:overflow : visible | auto | hidden | scroll
語法:overflow : visible | auto | hidden | scroll
相關(guān)參數(shù)說明如下:
示例代碼 [www.wf0088.com]
visible::不剪切內(nèi)容也不添加滾動(dòng)條。假如顯式聲明此默認(rèn)值,對(duì)象將被剪切為包含對(duì)象的window或frame的大小。并且clip屬性設(shè)置將失效。
auto:此為body對(duì)象和textrea的默認(rèn)值。在需要時(shí)剪切內(nèi)容并添加滾動(dòng)條
hidden:不顯示超過對(duì)象尺寸的內(nèi)容。
scroll:總是顯示滾動(dòng)條。
auto:此為body對(duì)象和textrea的默認(rèn)值。在需要時(shí)剪切內(nèi)容并添加滾動(dòng)條
hidden:不顯示超過對(duì)象尺寸的內(nèi)容。
scroll:總是顯示滾動(dòng)條。
使用說明及要點(diǎn):
示例代碼 [www.wf0088.com]
◎ 檢索或設(shè)置當(dāng)對(duì)象的內(nèi)容超過其指定高度及寬度時(shí)如何治理內(nèi)容。
◎ 設(shè)置textarea對(duì)象為hidden值將隱藏其滾動(dòng)條。
◎ 對(duì)于table來說,假如table-layout屬性設(shè)置為fixed,則td對(duì)象支持帶有默認(rèn)值為hidden的overflow屬性。假如設(shè)為hidden,scroll或者auto,那么超出td尺寸的內(nèi)容將被剪切。假如設(shè)為visible,將導(dǎo)致額外的文本溢出到◎ 右邊或左邊(視direction屬性設(shè)置而定)的單元格。
◎ 自IE5開始,此屬性在MAC平臺(tái)上可用。 對(duì)應(yīng)的腳本特性為overflow。
◎ 設(shè)置textarea對(duì)象為hidden值將隱藏其滾動(dòng)條。
◎ 對(duì)于table來說,假如table-layout屬性設(shè)置為fixed,則td對(duì)象支持帶有默認(rèn)值為hidden的overflow屬性。假如設(shè)為hidden,scroll或者auto,那么超出td尺寸的內(nèi)容將被剪切。假如設(shè)為visible,將導(dǎo)致額外的文本溢出到◎ 右邊或左邊(視direction屬性設(shè)置而定)的單元格。
◎ 自IE5開始,此屬性在MAC平臺(tái)上可用。 對(duì)應(yīng)的腳本特性為overflow。
示例:
示例代碼 [www.wf0088.com]
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
div { overflow: scroll; height: 100px; width: 100px; }
text-overflow版本:IE6 專有屬性 繼續(xù)性:無
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- DIVCSS實(shí)例:橙藍(lán)互換的CSS翻頁效果
- CSS菜單實(shí)例:簡潔的效果火紅的圍城
- CSS實(shí)例:如何讓無空格的長字符在IE和FF下面實(shí)現(xiàn)自動(dòng)換行?
- css背景漸變的技巧與方法
- DivCSS實(shí)例:一個(gè)效果很不錯(cuò)的CSS列表
- DIVCSS實(shí)例教程:蔚藍(lán)色的海洋漂亮的CSS縱向菜單
- DIV CSS JS仿kijiji導(dǎo)航條
- 用css網(wǎng)站布局之十步實(shí)錄!(三)
- CSS實(shí)例:用fieldset、legend實(shí)現(xiàn)文字寫在邊線上的效果
- CSS布局實(shí)例:僅一張圖片實(shí)現(xiàn)圓角!
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-CSS對(duì)文字溢出時(shí)的自動(dòng)隱藏處理
。