如何用CSS3截断太长的单词?

时间:2013-09-08 13:59:24

标签: css3 html text truncate

是否有可能使用CSS3切断用于包含框(如div或段落)的单词? white-space: nowrap;属性对我不起作用,因为我的文字是用多行书写的,而white-space: nowrap;是从我的文字中删除的。{/ p>

以下是我的问题的屏幕截图: enter image description here

1 个答案:

答案 0 :(得分: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是您希望文本的最大长度。