css中的text-overflow
HTML中：
<body>
<div class="clip">此处中多余的文字直接被切掉，不显示</div>
<div class="ellipsis">此处中多余的文字将用省略号代替</div>
</body>
css中：
<style>
.clip{
width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:clip;
}
.ellipsis{
width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
</style>