{width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
1、之前在考慮如果進行字符串截斷時,一直在思考如何用js來完成而忽略了css的text-overflow屬性;
通過設置white-space:nowrap使字符串不換行,然后設置text-overflow:ellipsis,顯示省略標記(如果不想顯示省略標記,將text-overflow設為clip);
2、缺點在於只能在只顯示一行時使用。
3、white-space: nowrap; 強制不換行
word-wrap:break-word; 強制連續字符換行
