在前端開發中，CSS 是非常重要的一部分，它可以為網頁美化和排版提供很多支持，其中有一種小技巧就是使用點代替文字多余情況。

在 CSS 中，我們可以使用 ellipsis 屬性來實現文本超出一定長度后，用省略號來代替多余的文字。其實，在 ellipsis 之前，我們也可以使用點號來達到相同的效果，只不過需要手動計算點的數量，讓它與多余的文字一致。

.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dot-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: "";
display: inline-block;
}
.dot-ellipsis::after {
content: "...";
display: inline-block;
width: 1.4em; /* 根據字體不同可能需要調整 */
overflow: hidden;
}

上述代碼中，.ellipsis 類是使用 ellipsis 屬性的實現方式，而 .dot-ellipsis 類則是使用點號替代省略號的方式。通過在 ::after 偽類中添加 content 屬性并指定為點號，我們可以把多余的文字用點號代替，達到省略的效果。

需要注意的是，在使用點號替代省略號時，需要計算點的數量，讓它與多余的文字一致。另外，如果我們希望點號的樣式與字體樣式一致，則需要調整點號的寬度，讓它與字體的寬度一致。

總的來說，使用點號替代省略號的方式可以解決 CSS 中出現的一些文字多余問題，同時也可以讓文本展示更加清晰美觀。