在網頁設計中，H1標簽是非常重要的，因為它是頁面中最重要的標題，通常會放置在頁面的頂部。但是如果H1標簽超出了一行，會讓頁面顯得雜亂無章。這時候，我們需要使用CSS來讓H1只顯示一行。

h1 {
white-space: nowrap; /*禁止換行*/
overflow: hidden; /*隱藏溢出部分*/
text-overflow: ellipsis; /*給溢出部分加上省略號*/
}

上面這段CSS代碼就是讓H1只顯示一行的關鍵。首先，我們使用white-space: nowrap;來禁止換行，然后使用overflow: hidden;來隱藏溢出部分，最后使用text-overflow: ellipsis;給溢出的部分加上省略號。

這個技巧不僅適用于H1標簽，其他標簽也可以使用。只需將h1替換為其他標簽即可。比如，如果你想讓p標簽只顯示一行，只需要將上面的代碼改為：

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

現在你已經學會了如何讓H1標簽只顯示一行，快去嘗試一下吧！