纯CSS在Firefox模拟text-overflow: ellipsis效果
作者：嗷嗷 来源：样式之美 发布时间：2009-03-17 12:49:00
标签：CSS,Firefox,text-overflow
text-overflow这个属性真让Firefox折腾，虽然之前有写过Firefox通过XUL实现text-overflow:ellipsis的效果，不过要 * xbl来用也就一直没用，虽然想过Data URI，但其实还不如 * xbl。
这两天在论坛看到14px同学写的超过宽度显示省略号（无js全兼容），想法很有创意，使用一张图片来做“…”，另一张图片用来在字不够长的情况下盖掉“…”，原文攻略很完整，大家可以去看一下思路，个人认为的缺点就是用了图片，不够灵活，所以我就悄悄修改了代码，思路是用父一层的元素的伪类:after来完成“…”，再用元素自身伪类:after来盖掉不应该出来的“…”，看一下效果：
看上去好像很理想，但是text-overflow也不是那样好模拟的，有兴趣的同学看看demo就知道还有多少问题。
当成技术练手还是不错滴，不过估计应该不会拿着应用。
0
投稿猜你喜欢
- 有件东西我观察了很多年，那就是很少有开发者会去使用SQL Server中的一个非常有用的东西——EX
在我的上篇文章发出之后，我听到对“WEb2.0视觉风格”这个称谓的不认同声音。其实这并不出乎我的意料，因为，我在认真的开始思考“WEb2.0- 设计师不等于美工设计无所不在，但大多数企业不知道如何使用它。现代设计进入中国大概是二十多年的时间，而在国外，尤其在美国在欧洲，大概有一百年的
- 昨天晚上才发现已经出了jQuery的1.3版本，于是下载下来，把原来一个兄弟翻译的1.2.6的文档移植到了1.3中，点击这里可
- 一个网站空间，但是却可以实现多个域名的访问的一段ASP代码：<％if Request.ServerVariables("SE
- 使用 IE8 时发现其原生的 JSON 解析器存在 Bug，让我们先用 IE8 打开 DEMO 页面体验下。http://lab.grace
- caller 属性返回一个对函数的引用，该函数调用了当前函数。functionName.caller functionName 对象是所执行
- 在SQL Server 2008里安装审计，步骤如下：1. 给每个SQL Server 2008具体实例创建一个SQL Server审计2.
- 添加用户（随着用户的创建，自动产生与用户同名的schema） CREATE USER "TESTER" PROFILE
- 如果我们数据库的ID设置为varchar型的 在查询的时候order by id的话我们是不希望看到如下情况的。我们可以把varchar转换
- CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，
- Web 前端优化最佳实践第三部分面向 Cookie 。目前只有 2 条实践规则。1. 缩小 Cookie (Reduce Cook
- MySQL的ODBC接口实现是通过安装MyODBC驱动，这个驱动程序是跨平台的。如果在Linux等Unix体系操作系统下使用，需要先安装Io
- use mysql; u
- ORA-01578:Oracle data block corrupted(file # num,block # num)产生原
- 如果你经常浏览网页一定见过很多网站在form表单中的文本域（textarea）中添加了的背景图片，一般是使用网站的logo，我记得我最早注意
- 我在传递数据的时候老是出错，请问如何处理？不管是什么数据库，一般来说，是它所包含引号的字符串带来的问题。假设我们使用名为“strDate”的
- 如果你真正理解Javascript函数是如何调用工作的，那么就可以避免一些bug的发生； 首先让我们创建一个简单的函数,这个函数将在下文中使
- 我开发过几个采集程序，也研究过很多采集程序代码，所以对采集程序的原理还算是稍微有些了解。先说一下采集原理：采集程序的主要步骤如下： 一、获取
- 因此计划先把数据转插入一个临时表，再对临时表的数据进行分析。 问题点是如何动态创建临时表。原先Insus.NET使用下面代码实现： 代码如下
