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

CSS省略号代码详解

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

  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. 学习网页规范总结文章：关于网页设计知识
  2. CSS网页设计教程:表单Button的Outline
  3. 学习网页技术CSS完成自动换行功用
  4. CSS规划实例代码:两列规划实例
  5. 黑客选择CSS代码挂马 CSS挂马攻防实录
  6. CSS教程:CSS id和CSS class区别与用法
  7. 用CSS设计高用户体验的web文字大小
  8. id和class的运用准绳比拟
  9. 复杂了解学习CSS的伪类