以前文字过去用省略号是用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技术学习平台（...
原文：http://www.cnblogs.com/uduemc/p/4204298.html