CSS实现文本超过指定长度显示省略号
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>CSS实现超过特定长度显示省略号的方法</title>
<styletype="text/css">
li{
width:200px;/*宽度，超过即会溢出*/
line-height:25px;/*设置行间距*/
text-overflow:ellipsis;/*当文本溢出时显示…此时还必须定义：
强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）*/
white-space:nowrap;/*表示文本不会换行*/
overflow:hidden;/*表示溢出的内容会被隐藏*/
}
</style>
</head>
<body>
<ul>
<li>Java中文网</li>
<li>
<atitle="Java中文网,html教程,SEO,Java框架,数据库教程SEOJava编程"
target="_blank"href="http://www.javaweb.cc">
Java中文网,html教程,SEO,Java框架,数据库教程SEOjava核心编程</a></li>
</ul>
</body>
</html>CSS实现文本超过指定长度显示省略号
相关推荐
ThikHome 2020-08-24
teresalxm 2020-06-05
昔人已老 2020-02-04
nicepainkiller 2020-05-12
尚衍亮 2020-05-12
waterv 2020-04-26
coulder 2020-04-21
aSuncat 2020-03-20
somboy 2020-03-03
tianzyc 2020-03-01
haohong 2020-02-26
nicepainkiller 2020-02-23
haohong 2020-02-14
WinerChopin 2020-02-13
impress 2020-01-01
dazhifu 2020-01-02
MaureenChen 2019-12-27
bowean 2019-12-27
wwwxuewen 2019-12-25