width:150px;/*要显示文字的宽度*/overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */
<html><head><style type="text/css">div{width:250px;/*要显示文字的宽度*/overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */}</style></head><body><div>这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。</div></body></html>效果：
CSS 文字太多用省略号表示
原文地址：https://www.cnblogs.com/Eeexiang/p/10173101.html