css實現隱藏多余溢出文字並顯示省略號

<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>