在網頁設計中，字體是一個非常重要的元素。有時，我們可能需要讓字體超出一定的寬度而不自動換行。比如，在一些頁面中，我們需要讓長網址全部展示在一頁內。
使用 CSS 將字體超出不換行的方法非常簡單。我們只需要給對應的元素指定一個屬性 white-space，并將其值設置為 nowrap 即可。
下面是一個例子，其中段落使用 p 標簽，代碼使用 pre 標簽：
```CSS 字體超出不換行
以下是一段非常長的網址：
https://www.example.com/some/link/to/a/really/long/video/with/garbage/in/the/url``` 在上面的例子中，我們將 pre 元素的 white-space 屬性設置為 nowrap，這意味著當 pre 元素中的字體超出了它的容器時，它們不會自動換行。 現在，無論網址有多長，都會顯示在同一行上。如果您想要斷開網址，可以給 pre 元素添加一個 overflow-x 屬性，并將其值設置為 scroll。 希望這篇文章能幫到你在網頁設計中使用 CSS 控制字體超出不換行。