溢出的文字隐藏（text-overflow）

<body>
    <div>一定要首先强制一行内显示，再次和overflow搭配使用,三个步骤缺一不可</div>
</body>
<style>
        div{
            border: 1px solid #000;
            width: 250px;
            white-space: nowrap;/*  第一，强制一行*/
            overflow: hidden;/* 隐藏溢出部分 */
            text-overflow: ellipsis;/* 使用省略号 */
        }
</style>

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/EricZLin/p/8793784.html