`

CSS实现文本超过指定长度显示省略号

CSSS 
阅读更多
<!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=gb2312" />
<title>CSS实现超过特定长度显示省略号的方法</title>
<style type="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>
<a title="Java中文网,html教程,SEO,Java框架,数据库教程 SEO Java编程"
target="_blank" href="http://www.javaweb.cc">
Java中文网,html教程,SEO,Java框架,数据库教程 SEO java核心编程</a></li>
</ul>
</body>
</html>CSS实现文本超过指定长度显示省略号
分享到：
| JBPM6视频地址
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics