您的位置:首页 > Web前端 > CSS

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

2016-06-13 18:51 585 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: