在網(wǎng)頁(yè)設(shè)計(jì)中，我們經(jīng)常會(huì)遇到需要讓文字不自動(dòng)換行的情況。比如說(shuō)，在排版文章時(shí)，字的長(zhǎng)度可能超出容器的寬度，這時(shí)候如果自動(dòng)換行，就會(huì)影響頁(yè)面的布局。那么，怎么樣才能讓字不自動(dòng)換行呢？下面我們來(lái)探討一下 CSS 中的相關(guān)屬性。 首先，我們可以使用 CSS 中的 white-space 屬性來(lái)實(shí)現(xiàn)。這個(gè)屬性有三個(gè)取值，分別是 normal、nowrap 和 pre。其中， normal 是默認(rèn)值，會(huì)自動(dòng)換行；nowrap 表示不自動(dòng)換行；而 pre 表示保留原來(lái)的空格和換行符，讓文本在保持格式的同時(shí)不自動(dòng)換行。 接下來(lái)，我們給大家演示一下 pre 的用法，代碼如下：

p {
white-space: pre;
}

上面的代碼表示，所有的 p 標(biāo)簽都具有 pre 的樣式，即不自動(dòng)換行。當(dāng)我們把一個(gè)長(zhǎng)串的文字放進(jìn) p 標(biāo)簽里時(shí)，就不用擔(dān)心會(huì)影響到頁(yè)面的布局了。 除了 pre 屬性，還有一個(gè)常用的屬性是 word-break。這個(gè)屬性用于控制單詞在容器中的換行方式。它有四個(gè)取值，分別是 normal、break-all、keep-all 和 break-word。其中， normal 是默認(rèn)值，表示不強(qiáng)制換行；break-all 表示在單詞內(nèi)部強(qiáng)制換行；keep-all 表示除非遇到非中文字符，否則不換行；break-word 則表示在單詞內(nèi)部或者超出容器寬度時(shí)強(qiáng)制換行。 最后，需要注意的是，在使用 white-space 和 word-break 屬性時(shí)，我們通常會(huì)搭配 overflow:hidden 屬性。這樣可以保證容器寬度不變，而文字不會(huì)溢出。 以上就是關(guān)于 CSS 讓字不換行的相關(guān)內(nèi)容，希望對(duì)大家有所幫助。