CSS省略号代码

此代码仅供参考

---

代码说明

真正的CSS省略号效果，超出范围自动变成省略号，但鼠标可以选择文字，酷吧……

---

html代码

<style type="text/css"> *{ margin:0; padding:0; } body{ padding:10px; font-family:Arial; } #ididid{ position:relative; width:150px; height:20px; line-height:20px; text-overflow:ellipsis; white-space:normal; *white-space:nowrap; overflow:hidden; border:1px solid #999; } #ididid span{ position:absolute; top:0; right:0; display:block; float:left; } #ididid span:after{content:"...";} </style> <div id="ididid">欢迎来到我们的站点，我们主要是提供源码下载<span></span></div>

---

代码演示

---

---