过长省略号

最新推荐文章于 2024-10-04 06:11:34 发布

sammyfunyupg

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量88

点赞数

分类专栏： javascript 文章标签： xhtml

本文链接：https://blog.csdn.net/sammyfunyupg/article/details/83966497

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">powered by 25175.net
<head>
<title>纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)-CSS特效-网页特效-站长新动力-msxindl.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
/*------纯DIV+CSS左侧导航菜单--------*/
#menu{
border: solid 1px #CCCCCC;
width: 150px;
float: left;
font-size: 13px;
padding: 5px;
}
li{
list-style: none;
width:100%;
float: left;
}
#menu li a{
padding: 0 1em;
line-height: 200%;
background: #E4E4E4;
/*-----溢出文字用省略号点代替---*/
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
/*---------------------------*/
width: 100%;
display: block;
border-bottom: solid 1px #FFFFFF;
color: brown;
text-decoration: none;
}
#menu li a:hover{
background: #FFFFFF;
color: black;
}
</style>
</head>
<body>
<div id="menu">
<li><a title="站长新动力首页" href="/">站长新动力首页</a> </li>
<li><a title="SEO优化文摘" href="/seo/">SEO优化文摘</a></li>
<li><a title="网页特效" href="/texiao/">网页特效</a></li>
<li><a title="Google PR查询" href="/tools/pr/">Google PR查询</a></li>
<li><a title="站长工具" href="/tools/">站长工具</a></li>
<li><a title="网址收录" href="/web/">网址收录</a></li>
<li><a title="友情链接" href="/web/web_add_ok.asp">友情链接</a> </li>
<li><a title="此行溢出文字用省略号点代替" href="#">此行溢出文字用省略号点代替</a></li>
</div>
</body>
</html>