強制不換行屬性 white space

2021-06-25 08:00:18 字數 604 閱讀 1544

**td裡的文字老是會換行,導致**排列的很難看。網上搜了一下,可以通過設定樣式的white-space屬性,控制其再不換行啦~~

white-space,英語片語意思為空餘時間,在計算機術語中的意思是泛空格符。white-space 屬性設定如何處理元素內的空白。

瀏覽器支援

所有瀏覽器都支援 white-space 屬性。

注釋:任何的版本的 internet explorer (包括 ie8)都不支援屬性值 "inherit"。

取值normal :預設值。預設處理方式。文字自動處理換行。假如抵達容器邊界內容會轉到下一行。

pre :用等寬字型顯示預先格式化的文字。不合併字間的空白距離和進行兩端對齊。換行和其他空白字元都將受到保護。這個值需要ie6+或者 !doctype 宣告為 standards-compliant mode 支援。如果 !doctype 宣告沒有指定為 standards-compliant mode ,此屬性可以使用,但是不會發生作用。結果等同於 normal 。參閱 pre 物件。

nowrap :強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件。參閱td,div等物件的nowrap屬性(特性)

強制換行與強制不換行

強制換行與強制不換行用到的屬性 我們一般控制換行所用到的css屬性一共有三個 word wrap word break white space。這三個屬性可以說是專為了文字斷行而創造出來的。首先我們得知道這三個屬性到底是做什麼用地 word wrap語法 word wrap normal 預設 br...

HTML div css 強制 換行 不換行

1 強制不換行,同時以省略號結尾。你好朋友朋友朋友我為什麼不能看到效果啊 2 css自動換行 div3 css強制英文單詞斷行 div 若是div巢狀,要使內層div根據內容自動換行,則可只設定外層的div寬,和 white spance nowrap即可。word break break all和...

div強制換行和強制不換行

1 強制不換行,同時以省略號結尾。你好朋友朋友朋友我為什麼不能看到效果啊 2 css自動換行 div3 css強制英文單詞斷行 div若是div巢狀,要使內層div根據內容自動換行,則可只設定外層的div寬,和 white spance nowrap即可。word break break all和w...