文字超出宽度后显示 ... 效果

原效果:#

文字超出后宽度后显示 ... 效果

实现效果:#

文字超出后宽度后显示 ... 效果

代码:#

<div> 打败苹果,十年巨亏,全球在线音乐第一股的转型之痛</div>

<style>
    div{
        width: 200px;
        white-space: nowrap; /* 文本不换行 */
        overflow: hidden; /* 超出部分隐藏 */
        text-overflow: ellipsis; /* 文字超出部分显示为 ... */
    }
</style>
本作品采用《CC 协议》,转载必须注明作者和本文链接
敢于争先 @ 不正