<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.one li{
width: 200px;
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
</style>
</head>
<body>
<ul class="one">
<li>sssssssssssssssssssssssssssssskjjjjjjjjjjjjjjjjjjjjjjjjj</li>
<li>2132132132132134156465465465465465465464654654654</li>
<li>端午节端午节端午节端午节端午节端午节端午节端午节端午节端午节端午节端午节</li>
<li>231dfs3g1sd32g1状况分析状况分析状况分析</li>
</ul>
</body>
</html>
<head>
<meta charset="utf-8">
<style type="text/css">
.one li{
width: 200px;
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
</style>
</head>
<body>
<ul class="one">
<li>sssssssssssssssssssssssssssssskjjjjjjjjjjjjjjjjjjjjjjjjj</li>
<li>2132132132132134156465465465465465465464654654654</li>
<li>端午节端午节端午节端午节端午节端午节端午节端午节端午节端午节端午节端午节</li>
<li>231dfs3g1sd32g1状况分析状况分析状况分析</li>
</ul>
</body>
</html>