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

CSS省略号代码详解

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

  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技巧学习：像table一样规划div
  2. DIV+CSS常用的网页规划代码
  3. 技巧总结：CSS提高网页的维护更新效率
  4. 样式表CSS规划阅历
  5. css3文本阴影属性text
  6. CSS入门：关于css样式表
  7. CSS的常用技巧放送
  8. 网页制造技巧之用CSS缩写给你的网站减速
  9. WEB规范的思想是什么？