CSS多余的字隱藏指利用CSS屬性將文本內容隱藏,使得頁面可以顯示優美簡潔的樣式。以下介紹了三種實現方法。
方法1:text-overflow: ellipsis;
這種方法可以使得超出容器寬度的文本內容被省略號“...”所取代。
方法2:overflow: hidden; white-space: nowrap;
此方法使得字符溢出時被自動隱藏,并且可以強制每一行字符都在同一行上顯示。
方法3:clip: rect(0, 0, 0, 0);
此方法在溢出父元素的情況下,會看不到任何文本內容。
需要注意的是這三種方法只會將字符隱藏,但不會真正把它們刪除。如果在HTML結構中調用這些隱藏文本,便可以再次獲取到原始文本。