css把超出的部分显示为省略号的方法兼容火狐


Posted in Javascript onJuly 23, 2008

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">   
<html>   
<head>   
<meta http-equiv="Content-Type" c>   
<title>css把超出的部分显示为省略号的方法兼容火狐_三水点靠木_3water.com</title>   
<style>   
* { margin: 0; padding: 0; }    
a { text-decoration: none; color: #000; }    
a:hover { text-decoration: none; color: #000; }    
ul {    
width: 300px;    
margin: 40px auto;    
padding: 12px 4px 12px 24px;    
border: 1px solid #D4D4D4;    
background: #F1F1F1;    
}    
li { margin: 12px 0; }    
li a {    
display: block;    
width: 80px;    
overflow: hidden;/*注意不要写在最后了*/    
white-space: nowrap;    
-o-text-overflow: ellipsis;    
text-overflow: ellipsis;    
}    
/* firefox only */    
li:not(p) {     
clear: both;    
}    
li:not(p) a {    
max-width: 170px;    
float: left;    
}    
li:not(p):after {    
content: "...";    
float: left;    
width: 25px;    
padding-left: 5px;    
color: #000;    
}    
</style>   
</head>   
<body>   
<ul>   
<li><a href="#">suntear的技术空间</a></li>   
<li><a href="#">suntear的技术空间</a></li>   
<li><a href="#">suntear的技术空间</a></li>   
<li><a href="#">suntear的技术空间</a></li>   
<li><a href="#">suntear的技术空间</a></li>   
<li><a href="#">suntear的技术空间</a></li>   
<li><a href="#">suntear的技术空间</a></li>   
</ul>   
</body>   
</html> 

Javascript 相关文章推荐
JavaScript国旗变换效果代码
Aug 13 Javascript
javascript 表单规则集合对象
Jul 21 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 Javascript
Js制作点击输入框时默认文字消失的效果
Sep 05 Javascript
jQuery实现的登录浮动框效果代码
Sep 26 Javascript
Vue中组件之间数据的传递的示例代码
Sep 08 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
详解vue-cli官方脚手架配置
Jul 20 Javascript
小程序绑定用户方案优化小结
May 15 Javascript
用JavaScript实现UrlEncode和UrlDecode的脚本代码
Jul 23 #Javascript
用js遍历 table的脚本
Jul 23 #Javascript
JavaScript 版本自动生成文章摘要
Jul 23 #Javascript
javascript 支持ie和firefox杰奇翻页函数
Jul 22 #Javascript
IE8 引入跨站数据获取功能说明
Jul 22 #Javascript
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 #Javascript
js停止输出代码
Jul 20 #Javascript
You might like
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
php生成excel文件的简单方法
2014/02/08 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
jquery json 实例代码
2010/12/02 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
JavaScript学习笔记之ES6数组方法
2016/03/25 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
ES6学习教程之Promise用法详解
2020/11/22 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
python之wxPython应用实例
2014/09/28 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
pandas DataFrame行或列的删除方法的实现示例
2019/08/02 Python
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
艺术设计专业个人求职信
2013/09/21 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
2014年反洗钱工作总结
2014/11/22 职场文书
正规借条模板
2015/05/26 职场文书
黑白记忆观后感
2015/06/18 职场文书
趣味运动会通讯稿
2015/07/18 职场文书
详解Laravel框架的依赖注入功能
2021/05/27 PHP
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL
Mysql 一主多从的部署
2022/05/20 MySQL
服务器nginx权限被拒绝解决案例
2022/09/23 Servers