[笔记]跨浏览器前端字数截断

字数截断还是后端做比较好,既跨浏览器又省流量。当然,有时前端做更有优势。例如 AJAX 取 json 数据生成链接时,链接显示宽度有限,但是链接的 title 又需要是完整的文字等。可以这样定义 CSS :

width: (钉死的宽度值);

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

这样,如果字数超出钉死的宽度里面可以显示的范围,浏览器就会自动显示成: XXXXX… 其中,省略号的样式依各浏览器的不同而不同。