有時(shí)候我們需要在網(wǎng)頁(yè)中展示大段的代碼，但是這會(huì)導(dǎo)致網(wǎng)頁(yè)出現(xiàn)橫向滾動(dòng)條，影響用戶體驗(yàn)。這時(shí)候我們可以使用CSS來(lái)實(shí)現(xiàn)“超過(guò)一行字就隱藏”的效果。 具體方法如下：我們可以給代碼所在的容器（比如pre標(biāo)簽）添加樣式：

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

接下來(lái)解釋一下這些CSS屬性的作用： - white-space: nowrap：這個(gè)屬性表示不換行，讓文本在一行內(nèi)顯示。 - overflow: hidden：這個(gè)屬性表示溢出的內(nèi)容不可見(jiàn)，就是把多余的內(nèi)容“裁剪”掉。 - text-overflow: ellipsis：這個(gè)屬性表示超出部分用省略號(hào)表示，比如“...”。 這樣，當(dāng)代碼超過(guò)一行時(shí)，多余的部分就會(huì)被隱藏掉，用省略號(hào)代替，而不會(huì)出現(xiàn)橫向滾動(dòng)條。 需要注意的是，這個(gè)方法對(duì)于單詞中間的換行符并不會(huì)生效，所以一定要確保你的代碼沒(méi)有單詞中間的回車或空格，否則就會(huì)發(fā)生意想不到的排版失誤。 總之，使用CSS來(lái)實(shí)現(xiàn)“超過(guò)一行字就隱藏”的效果非常方便，可以讓我們?cè)谡故敬蠖蔚拇a時(shí)更加美觀和清晰。