【问题标题】:Other option than text-ellipsis文本省略号以外的其他选项
【发布时间】:2016-02-18 01:09:05
【问题描述】:

我遇到了关于省略号的问题。我需要将要显示的文本以省略号显示,但环境仅支持 CSS2,因此我无法使用文本省略号。

目前在 Javascript 中有一个函数可以循环文本的每个字符,当它达到一定长度并添加“...”时会剪切它,但它有点慢(有很多文本需要省略号 - 文本太多循环)

您能建议 Javascript/CSS 中的任何其他选项吗?

【问题讨论】:

  • 不要循环遍历每个字符,只需执行var str = str.substring(0,length) + "..."
  • 这个问题是你会根据字符的长度而不是字符的宽度(ಥ﹏ಥ)
  • @MelSyGallosa text-overfllow:ellipsis 拥有完整的浏览器支持,请采纳look
  • @MelSyGallosa 允许多少个字符?容器的最大高度是多少?
  • @dippas 不是我们的浏览器。大声笑

标签: javascript css ellipsis


【解决方案1】:

你不能在 CSS2 中做到这一点。这个 CSS3 特性虽然可以追溯到 IE6、Chrome 4、Firefox 7 等,但得到了很好的支持。您确定必须支持 CSS2 吗?

https://developer.mozilla.org/en/CSS/text-overflow

http://caniuse.com/#feat=text-overflow

overflow: hidden;
text-overflow: ellipsis;

【讨论】:

  • 是的。仅支持CSS2及以下的不同浏览器(针对特定设备)
猜你喜欢
  • 2012-02-03
  • 2018-07-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-17
  • 2023-03-15
  • 1970-01-01
  • 2022-01-06
相关资源
最近更新 更多