有時候我們需要在網頁中展示大段的代碼，但是這會導致網頁出現橫向滾動條，影響用戶體驗。這時候我們可以使用CSS來實現“超過一行字就隱藏”的效果。 具體方法如下：我們可以給代碼所在的容器（比如pre標簽）添加樣式：

/* 這里是我們的代碼 */

接下來解釋一下這些CSS屬性的作用： - white-space: nowrap：這個屬性表示不換行，讓文本在一行內顯示。 - overflow: hidden：這個屬性表示溢出的內容不可見，就是把多余的內容“裁剪”掉。 - text-overflow: ellipsis：這個屬性表示超出部分用省略號表示，比如“...”。 這樣，當代碼超過一行時，多余的部分就會被隱藏掉，用省略號代替，而不會出現橫向滾動條。 需要注意的是，這個方法對于單詞中間的換行符并不會生效，所以一定要確保你的代碼沒有單詞中間的回車或空格，否則就會發生意想不到的排版失誤。 總之，使用CSS來實現“超過一行字就隱藏”的效果非常方便，可以讓我們在展示大段的代碼時更加美觀和清晰。