個性個人網(wǎng)站模板建網(wǎng)站建設(shè)
white-space : normal nowrap強制同一行內(nèi)顯示所有文本文字,讓所有文字內(nèi)容中一排顯示不換行。
讓文字不自動換行,無論CSS寬度設(shè)置多少,所有文字都在一行內(nèi)顯示。特別是標(biāo)題列表,我們想一行只顯示一條標(biāo)題內(nèi)容,而有時寬度有限標(biāo)題文字多了width(寬度)又有限,這樣會造成文字自動換行,這個時候我們可以使用white-space樣式讓他一排顯示不換行,為了隱藏超出的文字內(nèi)容可以再加一個css overflow:hidden樣式,就會出現(xiàn)這樣一個效果
white-space語法: white-space : normal nowrap
white-space參數(shù):
normal : 默認(rèn)處理方式,空白會被瀏覽器忽略。
pre: 空白會被瀏覽器保留,pre 空白會被瀏覽器保留。 其行為方式類似 HTML 中的 <pre> 標(biāo)簽。
nowrap : 文本不會換行,強制在同一行內(nèi)顯示所有文本,直到文本結(jié)束或者遭遇br標(biāo)簽對象才換行。推薦使用white-space:nowrap強制不換行。
white-space說明: white-space設(shè)置或檢索對象內(nèi)文本顯示方式。
通常我們使用于強制一行顯示內(nèi)容 通常我們使用white-space:nowrap強制文本文字內(nèi)容不換行,在對象內(nèi)一行顯示完所有文字內(nèi)容。
瀏覽器支持所有瀏覽器都支持 white-space 屬性。
pre-wrap :保留空白符序列,但是正常地進(jìn)行換行。
pre-line :合并空白符序列,但是保留換行符。
inherit :規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。
【注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。】