white space 不換行 屬性

2021-10-08 19:45:38 字數 1133 閱讀 5796

在寫文字或者多個元素並列一行的時候,我們希望文字不會因為父框的大小而換行,也不希望同行元素因為瀏覽器大小原因而被擠到第二行。這個時候我們就可以使用到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...