CSS 超出文字用.的方法 在設計網頁時，經常會遇到超出部分文字需要用省略號表示的情況。這種情況可以使用CSS中的text-overflow屬性來實現。下面是實現方法。 1.設置包含文字的容器的寬度 首先，需要設置包含文字的容器的寬度。這里我們用一個p標簽來演示。設置寬度時需要注意，容器的寬度必須要比文字的寬度小才會出現超出效果。

<style>
/*設置容器寬度*/
p{
width: 200px;
}
</style>

2.設置超出部分顯示為省略號 接下來，使用text-overflow屬性來實現超出部分顯示為省略號。這個屬性需要和white-space和overflow屬性一起使用。

<style>
/*設置容器寬度*/
p{
width: 200px;
/*超出部分顯示為省略號*/
text-overflow: ellipsis;
/*文字超出容器時，隱藏超出部分*/
overflow: hidden;
/*將文字保持在同一行上*/
white-space: nowrap;
}
</style>

3.完整代碼 最后，將以上兩個步驟放在一起，就可以實現超出文字用.的效果了。

<style>
/*設置容器寬度*/
p{
width: 200px;
/*超出部分顯示為省略號*/
text-overflow: ellipsis;
/*文字超出容器時，隱藏超出部分*/
overflow: hidden;
/*將文字保持在同一行上*/
white-space: nowrap;
}
</style>
<p>CSS超出文字用...的方法很簡單，只要設置好容器寬度以及使用text-overflow屬性即可。</p>

總結 使用CSS實現超出文字用省略號表示的方法，只需要設置好容器寬度和使用text-overflow屬性即可。需要注意的是，容器的寬度必須要比文字的寬度小才會出現超出效果。