省略文字的css

时间:2023-03-08 22:38:08

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

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

这三个属性缺一不可。

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

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

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