省略文字的css

在显示一行文字时，如果容器太小，为了显示出省略字符，可以使用

ellipsis

{

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

这三个属性缺一不可。

在实际项目中，telerik有一个控件Grid,当其绑定数据时，使用：

columns.Bound(a => a.Content).Title("内容").HtmlAttributes(new { @class = "ellipsis" });

可以让其灵活根据宽度自由伸缩。