CSS實現文字過長顯示省略號?

在固定寬度的容器中，如果文字過長，隱藏多餘部分並用省略號現實

工具/原料

chrome

方法/步驟

新建一個只有一個div的簡單頁面，div寬度定位100px

先加上邊框，讓它看起來明顯一些

讓超出邊框的部分消失

如果有超出則在文字最後現實省略號

如果用正常的文字，會發現在div內會自動換行（之前測試用的因為沒有空格，瀏覽器不會自動換行）

加上一個讓文字不換行的屬性就行了。

注意事項

更多css屬性信息，請自行上網查閱相關內容