纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)
来源:互联网 发布:mac恢复模式 terminal 编辑:程序博客网 时间:2024/05/16 14:53
文章没什么特殊,作为学习css与div的过程~
转自:http://www.msxindl.com/texiao/content.asp?id=9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<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;
overflow:hidden;
}
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;
/*---------------------------*/
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>
- 纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)
- css div多余文字用省略号代替
- 纯css控制单行文本文字溢出省略号代替
- 纯div+css水平三级导航菜单
- CSS+DIV设计实例:纯CSS制作下拉导航菜单
- div+CSS导航菜单
- 网页div文字溢出(超出)显示省略号
- div文字溢出自动加省略号
- 文字超过div用省略号
- div+css 横向导航菜单
- CSS文本溢出用省略号代替
- 表格和div中文字溢出隐藏加省略号
- div溢出显示时用省略号结尾
- css样式控件td或div文字溢出用....表示
- div+css IE兼容 IE6文字溢出
- css+div如何解决文字溢出
- css+div如何解决文字溢出
- 超方便,易用二级菜单,纯div+css实现
- 大学生宿舍版《新闻联播》
- 策略模式
- 我要做的
- 对“缓存”的全面理解和优化
- Linux下用线程pthread加速程序
- 纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)
- 如何在Linux下发布asp网站
- 上拉电阻下拉电阻的总结
- eclipse 编译和部署openfire
- UNIX 屏幕导向程序的发展利器-curses
- (2011.11.26)03_折半插入排序.cpp
- OpenCV自带例子(四)改变一张图片的对比度与亮度
- RSA 加密算法
- 敏捷之旅——杭州站