狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

CSS對文字溢出時的自動隱藏處理

admin
2010年10月22日 15:44 本文熱度 3680

相關參數(shù)說明如下:
      visible:不剪切內(nèi)容也不添加滾動條。假如顯式聲明此默認值,對象將被剪切為包含對象的window或frame的大小。并且clip屬性設置將失效。
      auto:此為body對象和textrea的默認值。在需要時剪切內(nèi)容并添加滾動條
      hidden:不顯示超過對象尺寸的內(nèi)容。
      scroll:總是顯示滾動條。


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


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



一行內(nèi)文本超出指定寬度溢出的處理
一般的文字截斷(適用于內(nèi)聯(lián)與塊):

.text-overflow {
display:block;/*內(nèi)聯(lián)對象需加*/
width:31em;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內(nèi)容超出寬度時隱藏超出部分的內(nèi)容 */
text-overflow:ellipsis;/* 當對象內(nèi)文本溢出時顯示省略標記(...) ;需與overflow:hidden;一 起使用。*/
}


對于表格文字溢出的定義:
table{
width:30em;
table-layout:fixed;/* 只有定義了表格的布局算法為fixed,下面td的定義才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內(nèi)容超出寬度時隱藏超出部分的內(nèi)容 */
text-overflow:ellipsis;/* 當對象內(nèi)文本溢出時顯示省略標記(...) ;需與overflow:hidden;一 起使用。*/
}



如何設置列表(li)超出部分顯示省略號:
我們常常希望列表中的內(nèi)容,超過設置的長度的時候,不要撐開父元素,也不希望它直接換行;我們更愿意讓其超過部分用省略號來代替。而在title標簽中,置放的是完整的標題。
這樣的方法新手們常常不知道該如何搞定。下面就是方法的演示。不過請注意此方法適用與IE與OP瀏覽器!
<style type="text/css">
<!--
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>


該文章在 2010/10/22 15:44:00 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務費用、相關報表等業(yè)務管理,結(jié)合碼頭的業(yè)務特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved