【问题标题】:How to truncate words that are too long with CSS3?如何用 CSS3 截断太长的单词?
【发布时间】:2013-09-08 13:59:24
【问题描述】:

是否有可能使用 CSS3 截断超出包含框(如 div 或段落)的单词? white-space: nowrap; 属性对我不起作用,因为我的文本写成多行,white-space: nowrap; 使我的文本变成单行。

这是我的问题的屏幕截图:

【问题讨论】:

  • 你可以使用overflow:CSS Manual Overflow
  • 我已经使用了溢出:隐藏,它会在橙色边框处剪切文本。但是“ApxStuaaaa...”这个词仍然太长,所以我想识别它并用“...”替换这个词
  • 没有任何服务器端代码?仅 CSS?
  • JavaScript 也可以。

标签: css html text truncate


【解决方案1】:

JS:

max_length = 20;
my_full_text = "My long long text aksjdhfka jshdf kjahds fasdf";
if(my_full_text.length >= max_length){
  trimmed_text = my_full_text.substring(0, max_length);
}else{
  trimmed_text = my_full_text;
}

alert(trimmed_text)

20 是您希望文本的最大长度。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-10-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-24
相关资源
最近更新 更多