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截图：
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
