惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
博客园 - 司徒正美
博客园 - 【当耐特】
爱范儿
爱范儿
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
IT之家
IT之家
人人都是产品经理
人人都是产品经理
雷峰网
雷峰网
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
大猫的无限游戏
大猫的无限游戏
月光博客
月光博客
宝玉的分享
宝玉的分享
V
V2EX
S
SegmentFault 最新的问题
V
Visual Studio Blog
阮一峰的网络日志
阮一峰的网络日志
Martin Fowler
Martin Fowler
Jina AI
Jina AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园_首页
L
LangChain Blog
D
Docker
腾讯CDC

博客园 - flykye

FLEX内存优化技巧集合 FireBug的控制台管理 推介的CSS书写顺序(转) CSS实现未知高度图文混合垂直居中 JavaScript与ActionScript通讯 JavaScript继承之闭包原型继承法 JavaScript在内层循环中断外层循环 我的Blog不含三聚氰胺 傲游越来越差了 IE下LI的3pxBUG IE下使用CSS截取文字 调试JavaScript,不再用alert了 (二) 调试JavaScript,不再用alert了 firefox的css私有属性 scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解 页面优化技巧 javascript拖动小例子 Firefox下的__proto__ IE7 IE6 FF 简单的CSS Hack
在FF下用CSS模拟实现text-overflow:ellipsis字符截取省略号效...
flykye · 2008-10-07 · via 博客园 - flykye

text-overflow:ellipsis这个属性的确是好用,可惜FF不支持

偶尔想到用after伪类类实现模拟

Code
* {margin:0; padding:0; list-style:none; }

body

{
font-family
: 宋体;
font-size
: 12px;
}
#box
{
width
:200px;
border
:1px green solid;
}

#box span

{
display
:block;
overflow
:hidden;
float
:left;

width

:156px;
*width
:180px;/*for IE*/

white-space

:nowrap;
text-overflow
:ellipsis;/*just for IE */}
#box:after
{/*for FF*/
content
:"";
}
Code
<div id="box"><span class="text">我是文字,我很长很长很长很长很长很长很长很长很长</span></div>


虽然这个方法是瞎了点,但还是有点意思;