CSS中的省略號屬性是指在文本的末尾顯示省略號。這一功能常常用于截斷較長的文本或者在排版中美化文章。下面是一個簡單的CSS樣式,在文本末尾加上省略號:
p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
該樣式的實現依賴于三個屬性:white-space,overflow和text-overflow。white-space的默認值為normal,它會自動換行。如果我們想要禁止文本的自動換行,可以設置white-space: nowrap。overflow:hidden將多余的文本截斷,而text-overflow為文本末尾添加了省略號。
值得注意的是,該樣式只在容器寬度固定的情況下有效。如果容器的寬度為auto,文本末尾不會顯示省略號。