在寫文字或者多個元素並列一行的時候,我們希望文字不會因為父框的大小而換行,也不希望同行元素因為瀏覽器大小原因而被擠到第二行。這個時候我們就可以使用到white-space屬性樣式。
該樣式屬性可以對子元素或者子文字的換行和空格進行處理。值描述
normal
預設。空白會被瀏覽器忽略。
pre空白會被瀏覽器保留。其行為方式類似 html 中的。
nowrap
文字不會換行,文字會在在同一行上繼續,直到遇到
標籤為止。
pre-wrap
保留空白符序列,但是正常地進行換行。
pre-line
合併空白符序列,但是保留換行符。
inherit
規定應該從父元素繼承 white-space 屬性的值。
1. normal
這個我就不多做說明了,我們預設情況下就是這個(空白字元會被瀏覽器忽略)。
空白被瀏覽器保留,而且會正常的換行,功能和標籤一樣。
文字不會換行,文字會在在同一行上繼續,合併空白符,直到遇到
標籤換行。
保留空白符序列,但是正常地進行換行。這個反正我看到的使和pre一樣。
合併空白符序列,但是保留換行符。
規定應該從父元素繼承 white-space 屬性的值。因為父元素沒有設定,也就是預設的normal,所以這個的樣式和normal一樣。
強制不換行屬性 white space
td裡的文字老是會換行,導致 排列的很難看。網上搜了一下,可以通過設定樣式的white space屬性,控制其再不換行啦 white space,英語片語意思為空餘時間,在計算機術語中的意思是泛空格符。white space 屬性設定如何處理元素內的空白。瀏覽器支援 所有瀏覽器都支援 white s...
TD不換行 nowrap屬性
為了讓 裡文字不換行 預計也不會太長的字串 可以給 裡td新增乙個nowrap屬性,如 文字內容 這樣。但是如果給每個td都加上nowrap屬性,貌似太繁瑣並且占用空間和流量。於是乎,我找css的實現方法,不擅長此術,嘗試了n多個樣式後,找到white space nowrap 貌似跟直接給td加n...
html td nowrap不換行屬性使用方法
nowrap是什麼意思?nowrap定義和用法 nowrap 屬性規定 單元格中的內容不換行。例項帶有 nowrap 屬性的 單元 複製 如下 poem 程式設計客棧 poem never increase,beyond what is necessary,the number of entitie...