CSS中的點點點是一種很常見的技巧，用來表示文本內容的截斷。一般情況下，我們可以使用text-overflow: ellipsis;來實現這一效果。具體來說，當一行文本溢出父容器時，就會顯示省略號。

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

這里，我們先將父容器的寬度設置為200px，這個寬度可以根據實際情況進行調整；然后，我們使用white-space: nowrap;來防止文字換行；最后，我們使用overflow: hidden;來隱藏超出父容器的文本。

當然，在某些情況下，我們可能需要對省略號的樣式進行自定義。比如，我們可以通過設置:before和:after來添加前、后綴。

.text-custom {
position: relative;
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-custom:before {
content: '...';
position: absolute;
left: 0;
}
.text-custom:after {
content: '';
position: absolute;
right: 0;
width: 20px;
height: 20px;
background-color: #fff;
}

在這個例子中，我們首先設置了position: relative;來讓:before和:after相對于父容器進行定位。然后，我們在:before中添加了省略號'...'，并將其定位到了父容器的左側；在:after中添加了一個空元素，并將其定位到了父容器的右側。這里，我們同時設置了一個寬度和高度，并將背景顏色設置為#fff，來隱藏省略號的部分。

以上就是CSS中使用點點點的基本技巧和自定義方法。希望對大家有所幫助。