文本超过长度显示'...'的一个办法

本来我是用{{(item.title.length<38)?item.title:(item.title.substr(0,38)+'...')}}来判断标题的长度，超过长度，截取前38个字符，但是中英文字符的宽度不一样，导致不整齐。
于是使用如下的css方法。text-overflow:ellipsis;

下面两个 div 包含无法在框中容纳的长文本。正如您所见，文本被修剪了。

这个 a 使用 "text-overflow:ellipsis" ：

This is some long text that will not fit in the box

这个 div 使用 "text-overflow:clip"：

This is some long text that will not fit in the box