css - 如何使用 CSS3 截断太长的单词？

Question

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

这是我的问题的截图:

Answer 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 是您希望文本的最大长度。