在使用 CSS 樣式時，我們可能需要控制一段文字的顯示長度。這時我們可以使用“長點點點”的效果來表示超過指定長度的部分。

實現“長點點點”效果需要使用 CSS 的text-overflow屬性。該屬性用于控制當文本溢出容器時如何顯示。

假設我們有以下 HTML 代碼：

<div class="container">
<p class="overflow">這是一段很長很長的文字......</p>
</div>

我們可以添加以下樣式代碼來使超過容器寬度的文字顯示“長點點點”：

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

其中，overflow: hidden;和white-space: nowrap;用于隱藏超出容器寬度和換行的文本，text-overflow: ellipsis;則用于在文本結尾添加“長點點點”。

這樣，當文字超出容器寬度時，就會顯示為“這是一段很長很長的文字......”。

需要注意的是，text-overflow: ellipsis;只在一些瀏覽器上生效，如 Chrome、IE、Safari 等。在 Firefox 中，需要將display: inline-block;添加到.overflow的樣式中才能正常顯示“長點點點”。