文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 国产软件 | 国外软件 | 汉化补丁 | 设为首页 | 加入收藏
业界资讯 | 图形图像 | 操作系统 | 网络冲浪 | 工具软件 | 办公软件 | 媒体动画 | 精文荟萃 | 认证考试 | 网站建设 | 技术开发 | 专栏
当前位置:abcdown网络学院网站建设Div+CssLI标签中内容超过长度后以省略号显示的方法
精品广告
推荐TOP10
·CSS小技巧(Most used CSS tricks)
·初学者来看:学习网页技术CSS怎么入门?
·CSS网页设计非常有用技巧
·DIV+CSS的命名规则有利于网站优化
·多个CSS样式表争夺特定选择符的控制权
·学习CSS制作网页总结的一些经验技巧
·CSS初学者应该保持的一种心态
·CSS常见问题和技巧总结
·DIV+CSS常见错误汇总
·设计中常用的十个CSS技巧
阅读TOP10
·学习CSS网页制作技术:ul打造表格样式
·推荐好文:无懈可击的CSS圆角技术
·网页制作备忘录:CSS 属性表简表
·LI标签中内容超过长度后以省略号显示的方法
·标准网页中用CSS进行段落排版的方法
·CSS中背景background-position负值定位深入理解
·Adobe Golive进阶教程(课程三——简单动作5)
·返普归真 彻底认清CSS的Float(浮动)概念
·改变我的鼠标
·CSS的margin边界叠加深度剖析

LI标签中内容超过长度后以省略号显示的方法

日期:2007年8月3日 作者: 查看:[大字体 中字体 小字体]


在使用DIV+CSS网页标准制作网页时,LI标签中内容超过长度后以省略号显示的方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
li {
 width:200px;
 white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;
 } 
/* firefox only */
  li:not(p) { /* wtf is? pls let me know*/
   clear: both;
   }
  li:not(p) a {
   max-width: 175px;
   float: left;
   }
  li:not(p):after {
   content: "...";
   float: left;
   width: 25px;
   padding-left: 5px;
   color: #df3a0e;
   }

-->
</style>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
</ul>



上一篇:一些在使用XHTML 1.0 Strict中需要特别注意的地方

下一篇:用JS的方法使用列表LI制作的隔行换色


相关软件: 相关文章:
·容祖儿-Ten Most Wanted 320Kmp3
·可慧网站内容管理系统KWCMS v6.62 免费版
·发布内容 文件格式 其他介绍
·嫁得容易
·领智网站内容管理系统 v2.1 测试版
·JBuilder 7 WebLogic 6.X 详细配置及相关内容
·页面内容转换成Word文档
·大容量硬盘好处多 如何分区才合理?
·巧妙突破大容量邮箱附件大小限制
·小跳线解决老主板不能识别大容量硬盘问题
·如何读取XML文件内容
·有容乃大:微软2007 Office System全解
·U盘找不到空间,u盘容量显示为0,u盘可用空间为0
·表单对象textarea内容的格式控制(回车、换行、空格)

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.abcdown.net
首页 | 本站声明 | 下载帮助 | 发布软件 |
中文版权所有:ABC学院 浙ICP备05000717号