<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
/*溢出文本处理:text-overflow*/
/*text-overflow:clip|ellipsis|ellipsis-word:直接裁切|用。。。代替最后一个字符|用。。。代替左后一个词*/
li{
line-height: 30px;
font-size: 20px;
border-bottom: 1px solid #ccc;
width: 600px; /*设置宽度*/
overflow: hidden; /*溢出内容设为隐藏*/
white-space: nowrap; /*强制文本单行显示*/
text-overflow: ellipsis; /*设置溢出文本显示为省略标记*/
}
/*文本的对齐word-wrap和word-break*/
/*word-wrap:normal|break-word.normal:默认连续文本换行,允许内容超出边界,break-word:内容将在边界内换行,如果需要,词内转换也会发生*/
/*word-break:字内换行:normal|break-all|keep-all,keep-all:只能在标点符号处换行*/
p{
width: 300px;
word-wrap: break-word;
word-break: keep-all;
}
</style>
<body>
<ul>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
</ul>
<p>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
/*溢出文本处理:text-overflow*/
/*text-overflow:clip|ellipsis|ellipsis-word:直接裁切|用。。。代替最后一个字符|用。。。代替左后一个词*/
li{
line-height: 30px;
font-size: 20px;
border-bottom: 1px solid #ccc;
width: 600px; /*设置宽度*/
overflow: hidden; /*溢出内容设为隐藏*/
white-space: nowrap; /*强制文本单行显示*/
text-overflow: ellipsis; /*设置溢出文本显示为省略标记*/
}
/*文本的对齐word-wrap和word-break*/
/*word-wrap:normal|break-word.normal:默认连续文本换行,允许内容超出边界,break-word:内容将在边界内换行,如果需要,词内转换也会发生*/
/*word-break:字内换行:normal|break-all|keep-all,keep-all:只能在标点符号处换行*/
p{
width: 300px;
word-wrap: break-word;
word-break: keep-all;
}
</style>
<body>
<ul>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
<li>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛</li>
</ul>
<p>神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
神州租车2016月租价刷新低,超值优惠低至6折,月租车随意租,车型超多放肆选,别克GL8、2014雪铁龙爱丽舍、起亚狮跑SUV、丰田凯美瑞、雪佛
</p>
</body>
</html>