隐藏过长的文本，不使文本换行，隐藏的文本结尾为...

问题描述：今天碰见一个问题，我需要在list列表中列出一些公司名。但是，有些公司的名称很长，可能需要十几个汉字，而有的又很短，可能才四或五个字就可以了，同时又受到显示区域<div>的宽度影响，所以需要对超过<div>宽度的字符串进行删除，同时，删除的公司名称结尾要以...结束。

解决方法：需要用到CSS属性的white-space、overflow和text-overflow属性，具体方法可以参考W3School中的介绍。

CSS代码如下：

.newsGrid_column1  {

1. width: 76%;
2. white-space: nowrap;
3. overflow: hidden;
4. text-overflow: ellipsis;

}

（请自行将每句前面的空格忽略掉。）

效果图如下：