国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS文本超出指定寬度后隱藏并顯示為省略號的實(shí)現(xiàn)方法

2024-07-11 08:32:55
字體：大 中 小
供稿：網(wǎng)友

一般的文字截?cái)啵ㄟm用于內(nèi)聯(lián)與塊）：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. .text-overflow {        
  2.   display:block;/*內(nèi)聯(lián)對象需加*/         
  3.   width:25em;        
  4.   word-break:keep-all;/* 不換行 */         
  5.   whitewhite-space:nowrap;/* 不換行 */        
  6.   overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */         
  7.   text-overflow:ellipsis;/* 當(dāng)對象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ；需與overflow:hidden;一起使用。*/     
  8. }  

對于表格文字溢出的定義：

對于表格超出范圍顯示省略號

CSS Code復(fù)制內(nèi)容到剪貼板
  1. table{        
  2.    width:25em;        
  3.    table-layout:fixed;/* 只有定義了表格的布局算法為fixed，下面td的定義才能起作用。 */     
  4. }      
  5. td{      
  6.   width:100%;        
  7.   word-break:keep-all;/* 不換行 */         
  8.   whitewhite-space:nowrap;/* 不換行 */          
  9.   overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */     
  10.   text-overflow:ellipsis;/* 當(dāng)對象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ；需與overflow:hidden;一起使用。*/     
  11. }  

代碼：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <style type="text/css">   #div1{    
  2.          padding: 10px;             width: 200px;   
  3.          height:30px;             text-shadow: 3px 3px 3px #aaaaaa;   

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 洛宁县| 饶平县| 临朐县| 寻乌县| 琼海市| 永州市| 灵璧县| 北票市| 闻喜县| 北流市| 三穗县| 饶阳县| 郎溪县| 东乡县| 称多县| 灵璧县| 霍州市| 锦州市| 哈密市| 黄冈市| 莲花县| 武强县| 扎兰屯市| 绥中县| 永定县| 房产| 萝北县| 伊金霍洛旗| 旬邑县| 南昌市| 万荣县| 元阳县| 宁城县| 和龙市| 中宁县| 汪清县| 铁力市| 临江市| 汪清县| 涿州市| 吴江市|