CSS禁止文字自動換行

2022-03-12 04:36:05 字數 331 閱讀 5111

當中文文字很長的時候(中間沒有空格也沒有換行符號),不管是ie還是firefox,到達邊界都會自動換行。 但是有的情況,我們並不希望這樣。比如:當在幾個li併排排列,不想讓每行的最後的乙個li的文字自動換行,那就可以使用"white-space:nowrap"這個屬性了。

使用這個css屬性之後,文字只有在遇到空格或者是換行符的時候才能換行,比如:

這是一段很長的文字,中間沒有空格,也沒有換行,它不會自動換行直到被擷取掉

這是一段很長的文字,中間沒有空格,也沒有換行,但它會自動換行

上面兩個div裡超寬的文字,第乙個裡面的被禁止換行,然後超寬的被擷取了;第二個不做設定,於是自動換行了。

CSS控制文字自動換行

1.你定死 的寬度,即給 乙個寬度值 是數值,不是百分比 2.強制不換行 div自動換行 div強制英文單詞斷行 div3.總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下...

CSS控制文字自動換行

1.你定死 的寬度,即給 乙個寬度值 是數值,不是百分比 2.強制不換行 div自動換行 div強制英文單詞斷行 div3.總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下...

CSS控制文字自動換行

1.你定死 的寬度,即給 乙個寬度值 是數值,不是百分比 2.強制不換行 div自動換行 div強制英文單詞斷行 div3.總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下...