Jquery中文網 www.uhadif.co
Jquery中文網 >  CSS教程  >  正文 網頁制作時CSS對文字溢出時的自動隱藏處理

網頁制作時CSS對文字溢出時的自動隱藏處理

發布時間:2019-11-09   編輯:www.uhadif.co
jquery中文網為您提供網頁制作時CSS對文字溢出時的自動隱藏處理等資源,歡迎您收藏本站,我們將為您提供最新的網頁制作時CSS對文字溢出時的自動隱藏處理資源
<script>ec(2);</script>

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。
示例:

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代碼如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy9924')">復制代碼</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy9924>body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
</td> </tr> </table>

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

</td> </tr> </table>

您可能感興趣的文章:
jQuery 動態酷效果實現總結
jQuery表格插件 DataTables
批處理隱藏運行窗口的方法
JQUERY 實現窗口滾動搜索框停靠效果(類似滾動停靠)
使用jquery插件實現圖片延遲加載技術詳細說明
基于jquery的跟隨屏幕滾動代碼
input 輸入框獲得/失去焦點時隱藏/顯示文字(jquery版)
運用JQuery的toggle實現網頁加載完成自動彈窗
jMessageBox 基于jQuery的窗口插件
jQuery設計思想完整篇

[關閉]
北京pk赛车历史 pk10定位胆投注技巧 支付宝怎么赚钱进微信 用电脑怎么业余时间赚钱 电竞电竞比分网1zplay 极速时时彩开奖 快中彩玩法 生肖时时彩 山东时时是什么意思是什么意思是什么意思是什么 辉煌棋牌为什么登不上 5分3不赚钱 云南时时彩彩走势图 黑龙江36选7 外围快三可以赚钱吗 e球彩江苏 重庆快乐十分 打鱼的现在直播都去哪里了