css自动截取字符串 [图片]

演示效果截图

CSS代码

<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>

HTML代码

<div class="test">DIV+CSS模板、后台模板、图片图标下载，
CSS代码实例、CSS导航菜单、CSS图表
<h3><a href="http://www.865171.cn" style="color:#000;">www.865171.cn</a></h3>
</div>

转载于:https://www.cnblogs.com/zwxly/archive/2011/08/20/2147233.html