css实现隐藏多余溢出文字并显示省略号

本文转载自： https://www.cnblogs.com/bubuchu/p/6079839.html 作者：bubuchu 转载请注明该声明。

<meta charset="utf-8" />
<style>
.txt{
    width:200px;
    border:1px solid #ddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
</style>
<p class="txt">溢出文字隐藏溢出文字隐藏溢出文字隐藏溢出文字隐藏</p>