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赛车历史 山西11选五走势图 浙江6+1开奖查询 体彩快中彩 重庆快乐十分走势图彩吧助手 连码二九是什么 广东十一选五玩法奖金 全天免费北京pk拾计划 配资做期货有成功的吗 手机股票软件 炒股软件下载 体彩甘肃11选5玩法 好彩一开奖结果 双色球万能12码必中6 海南体彩环岛赛直播 足彩的五种玩法 股票下跌公式