文字只有一行css

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

有時候，在設計頁面時需要讓一行文本不會自動折行，而是在一行中顯示完整內容。這時可以用到CSS中的white-space屬性，并將其設置為nowrap。

但有時候，一行文字過長超出容器時，希望自動截斷并顯示省略號。這時可以再加上overflow:hidden和text-overflow:ellipsis屬性。

這三個屬性的組合就可以讓一行文字實現上述效果了。