发烧的麦客
小狐狸
小狐狸
  • UID12981
  • 注册日期2006-05-26
  • 最后登录2006-05-26
  • 发帖数1
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:7422回复:3

为什么在firefox里当对象内文本溢出时不支持显示省略标记

楼主#
更多 发布于:2006-05-26 18:01
怎样解决这一问题啊!

在这里面text-overflow:ellipsis;好像不支持
只有在ie里,才有...
在firefox里有没有解决办法呢??
juxiaoqi
小狐狸
小狐狸
  • UID16053
  • 注册日期2006-12-04
  • 最后登录2006-12-05
  • 发帖数3
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2006-05-26 18:01
高手来回答一下这个问题啊
cheesemp
小狐狸
小狐狸
  • UID19714
  • 注册日期2007-06-21
  • 最后登录2007-06-21
  • 发帖数1
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2006-05-26 18:01
顶你
我也出现这问题,你说人家opera也有了,怎么到2.0的还没看到,别跟 我说那种用JS+XBL的,写那么一大堆,就为了实现“三个小点”...真他妈的烂
fiag
管理员
管理员
  • UID1188
  • 注册日期2004-12-21
  • 最后登录2024-02-19
  • 发帖数4681
  • 经验686枚
  • 威望0点
  • 贡献值402点
  • 好评度51点
3楼#
发布于:2006-05-26 18:01
CSS的办法
http://www.jide.fr/emulate-text-overflo ... x-with-css

.ellipsis span {
   white-space:nowrap;
   text-overflow:ellipsis; /* for internet explorer */
   overflow:hidden;
   width:190px;
   display:block;
}

html>body .ellipsis {
   clear:both;
}

html>body .ellipsis span:after {
   content: "...";
}

html>body .ellipsis span {
   max-width:180px;
   width:auto !important;
   float:left;
}
游客

返回顶部