然后将超出部分隐藏；
再设置打点效果
先看前两步：
强制不换行+超出截断+超出隐藏：
a {
display: inline-block;
width: 100px;
border:1px solid #000;
white-space: nowrap;/* 强制不换行 */
text-overflow: clip;/* 超出直接截断 */
overflow: hidden;/* 超出部分隐藏 */
}
运行效果：可以看到，超过的字符都没有换行，是直接截断的，并且超出部分隐藏
超出部分设置打点：
text-overflow: ellipsis;/* 超出部分打点 */
效果：
最低0.47元/天 解锁文章
817
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
