1. 爱易网页
  2. CSS教程
  3. CSS省略号代码详解

CSS省略号代码详解

日期：2013-05-10　 浏览次数：21112 次 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>CSS省略号代码</title> 
  6. <style type="text/css"> 
  7. *{ 
  8.     margin:0; 
  9.     padding:0; 
  10. } 
  11. body{ 
  12.     padding:10px; 
  13.     font-family:Arial; 
  14. } 
  15. #ididid{ 
  16.     position:relative; 
  17.     width:150px; 
  18.     height:20px; 
  19.     line-height:20px; 
  20.     text-overflow:ellipsis; 
  21.     white-space:normal; 
  22.     *white-space:nowrap; 
  23.     overflow:hidden; 
  24.     border:1px solid #999; 
  25. } 
  26. #ididid span{ 
  27.     position:absolute; 
  28.     top:0; 
  29.     right:0; 
  30.     display:block; 
  31.     float:left; 
  32. } 
  33. #ididid span:after{content:"...";} 
  34. </style> 
  35. </head> 
  36. <body> 
  37. <div id=

相关资料更多>

  1. CSS网页制作教程:CSS文字单位PX、EM、PT
  2. 阅历共享：两年以来运用DIV排版的阅历
  3. CSS样式表尽量放到网页头部
  4. CSS教程：汇总CSS初学者的几个技巧
  5. CSS教程：li和ul标签用法举例
  6. CSS的十八般技巧(2)
  7. DIV CSS网页规划中常用的列表元素ul ol li dl dt dd释义
  8. 测试实例学习，关于书写CSS顺序的研讨
  9. CSS样式命名规则