代码:
<style>
div a{
display:block; /* 必须 */
Width:310px; /* 必须 */
white-space:nowrap; /* 必须 */
overflow:hidden; /* 必须 */
float:left; /* 必须 */
text-overflow:ellipsis; /* for IE */
-o-text-overflow: ellipsis; /* for Opera safari chrome*/
}
/* for Firefox */
div:after{
content:"
";
padding-left:3px;
font-size:12px;
}
</style>
<body>
<div>
<a href="ddd">我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志</a>
</div>
</body>
div a{
display:block; /* 必须 */
Width:310px; /* 必须 */
white-space:nowrap; /* 必须 */
overflow:hidden; /* 必须 */
float:left; /* 必须 */
text-overflow:ellipsis; /* for IE */
-o-text-overflow: ellipsis; /* for Opera safari chrome*/
}
/* for Firefox */
div:after{
content:"
padding-left:3px;
font-size:12px;
}
</style>
<body>
<div>
<a href="ddd">我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志</a>
</div>
</body>
示例: