css 文字超出省略號

1.使用overflow: hidden 把超出的內容進行隱藏；

2.然後使用white-space: nowrap 設置內容不換行；

3.最後使用text-overflow: ellipsis 設置超出內容爲省略號

{
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}