编程 Javascript

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 相关文章推荐

jQuery 操作下拉列表框实现代码

Feb 22 Javascript

JS 控制小数位数的实现代码

Aug 02 Javascript

jBox 2.3基于jquery的最新多功能对话框插件常见使用问题解答

Nov 10 Javascript

TypeScript具有的几个不同特质

Apr 07 Javascript

JavaScript实现瀑布流图片效果

Jun 30 Javascript

AngularJS实现注册表单验证功能

Oct 16 Javascript

微信小程序实现点赞、取消点赞功能

Nov 02 Javascript

JS 实现发送短信验证码的“59秒后重新发送验证短信”功能

Aug 23 Javascript

让IDE识别webpack的别名alias的实现方法

May 06 Javascript

webpack 如何同时输出压缩和未压缩的文件的实现步骤

Jun 05 Javascript

Vue中登录验证成功后保存token,并每次请求携带并验证token操作

Sep 08 Javascript

javascript实现点击产生随机图形

Jan 25 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