CSS---div一行显示,超出以省略号代替

<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
        .one li{
            width: 300px;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
        }
        </style>
    </head>
    <body>
        <ul class="one">
            <li>市人社部门举办全市人社系统职业指导培训班</li>
            <li>关于组织参加“六安职业技术学院校园招聘会”的通知</li>
            <li>芜湖市人力资源市场"端午节"放假通知</li>
            <li>我市“人力资源市场供求状况分析”第七次荣获人社部“五星”奖</li>
        </ul>
    </body>
</html>
原文地址:https://www.cnblogs.com/beast-king/p/5581659.html