Nmlxly's Blog

在做网页的时候难免会遇到这样的问题，不过CSS也算是很强大，可以直接使用样式将多余的文字使用CSS带成省略号。CSS中的textOverflow属性可以将过多的文字用省略号进行表示，语法如下：

<div style="text-overflow:ellipsis;overflow:hidden;width:50px">123456789</div>  
<br>  
<div style="text-overflow:ellipsis;overflow:hidden;width:110px">123456789</div> 

其中overflow必须设置为hidden。

通过这样的样式单我们可以实现在DataGrid中某个Column由于字符串太长，而用固定的字数再加上省略号来进行表示。