帶有省略號的段落就是你只能在一行顯示一段文字，文字過長是肯定不能完全顯示的，如果默認的話，超出的文字會自動換行，撐大盒子。
1.這時需要設置white-space: nowrap，禁止換行。這樣的話，文字就會在一行顯示
2.在一行顯示就會有超出的部分，使用overflow: hidden將超出的部分隱藏。
3.雖然隱藏了，但是有可能最后一個字被擋住一部分，而且我們需要的是省略號，這時再加上text-overflow: ellipsis;就可以將最后改成省略號。
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;