CSS-text-overflow属性

text-overflow:

clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。

说明：

width必须有一个固定宽度，white-space：nowrap（不让内容折行） overflow:hidden(隐藏溢出的内容) text-overflow:ellipsis(添加省略号)

<style>
*{margin: 0; padding: 0;}
div{
width: 980px;
border: 1px solid black;
}
div p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>

<div>
<p>width必须有一个宽度，white-space：nowrap（不让内容折行） overflow:hidden(隐藏溢出的内容) text-overflow:ellipsis(添加省略号)））</p>
</div>

Demo截图：