CSS文字溢出部分显示为省略号

CSS Code

div.test {
     width: 200px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

HTML Code

<div class="test">
    这段文字比较多，全部显示会溢出，经过上面CSS处理，溢出部分会显示成"..."
</div>