<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript"></script>
<style type="text/css">
.textoverflow a {
display:block;
120px;
margin: 0px 0px 0px 3px;
white-space: nowrap;
overflow: hidden;
float: left;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
}
.textoverflow:after{
content: "…";
}/* for Firefox */
@media all and (min- 0px){
.textoverflow:after{
content:"";
}/* for Opera */
}
</style>
</head>
<body>
<div class="textoverflow">
<a> dfdlaiewuroiewqfjkdlsjfdksaifudsadfs</a>
</div>
</body>
</html>
原文章:http://www.cnblogs.com/zfc2201/archive/2012/07/04/2575509.html
关注微信小程序 