省略文字的css

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

ellipsis
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

这三个属性缺一不可。

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

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

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