关于省略号 ...

以前文字过去用省略号是用js写的，今天发现CSS3也能实现。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>text-overflow</title>
<style type="text/css">
.test_demo{
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
    width:200px; 
    background:#ccc;
}
</style>
</head> 
<body>
<div class="test_demo">
  超酷的IT技术学习平台（我是省略号）
</div>
</body>
</html>

 超酷的IT技术学习平台（...

posted @ 2015-01-05 18:31  大眼  阅读(363)  评论(0)  编辑  收藏  举报