文字后面显示省略号效果.pdf
文本预览下载声明
下沙策划浩图瀚视教你怎样在文字后面显示省略号！
很多编辑网页的经常遇到一种情况，就是不知道怎么在一大串
文字后面加上省略号。这对于刚接触CSS的人来说是有一点难度的，
下面我将文字后面显示省略号的代码写出来了，你只需将文字和链接
等改变即可！
html
head
meta http-equiv=Content-Type content=text/html;
charset=utf-8 /
title文字后面显示省略号效果！/title
style type=text/css
!--
body{
font-family: 宋体;
font-size: 12px;
color: #333333;
}
.div1{
width:200px;
}
.div1 a{
white-space:nowrap;
text-overflow:ellipsis; /* for internet explorer */
overflow:hidden;
width:168px;+width:200px;_width:200px;
display:block;
float:left;
}
htmlbody .div1:after{
content: ...;
margin-left:5px;
}
--
/style
/head
body
div class=div1a href=
下沙策划，下沙活动策划，下沙品牌策划，浩图瀚视/a
/div
/body
/html
显示全部