css, 使文本不在css中換行,并輸入代碼:
white-space: nowrap;
正常:默認(rèn)。瀏覽器會(huì)忽略空白。
Pre:瀏覽器將保留空白。它的行為就像HTML中的前置標(biāo)簽。
Nowrap:文本不會(huì)換行,它將繼續(xù)在同一行,直到遇到br標(biāo)記。
預(yù)換行:保留空格的順序,但正常換行。
前置行:合并空白字符序列,但保留換行符。
Inherit:指定應(yīng)從父元素繼承空白屬性的值。
擴(kuò)展信息:
1.允許長(zhǎng)詞換行。
word-wrap:break-word;
正常:只允許換行符(瀏覽器保持默認(rèn)處理)。
斷字:在一個(gè)長(zhǎng)單詞或URL地址中換行。
2.換行符不會(huì)截?cái)鄦卧~
word-break:break-all;
正常:使用瀏覽器的默認(rèn)換行符規(guī)則。
全部換行:允許單詞間換行。
Keep-all:換行符只能出現(xiàn)在半角空格或連字符處。
3.單行文本超過(guò)顯示省略號(hào)。
Overflow: hide;
Text overflow: ellipsis;
空白:nowrap
4.多行文本超出了顯示的省略號(hào)。
Overflow: hide;
Text overflow: ellipsis;
顯示:-WebKit-box;
-WebKit-line-clamp:3;
-webkit-box-orient:垂直;
5、大斷線有隔離距離花式
您可以應(yīng)用CSS來(lái)配置寬度自動(dòng)換行。我們可以添加一個(gè)div,并在一個(gè)div中參與css模式,并為退出的div設(shè)置相應(yīng)的css寬度,實(shí)現(xiàn)自包裝。
6.填寫(xiě)換行和非換行的知識(shí)
CSS設(shè)置不改變行CSS屬性標(biāo)簽:溢出:隱藏隱藏——css轉(zhuǎn)義空白:正常默認(rèn)前置換行符和其他空白字符將被注意到。
Nowrap強(qiáng)制將所有文本表示在對(duì)抗行中,直到文本的末尾可以遇到br對(duì)象。
設(shè)置設(shè)備和設(shè)備強(qiáng)制換行的CSS屬性標(biāo)簽。斷字:正常;按照亞洲和非亞洲語(yǔ)言的文本劃分,批準(zhǔn)在單詞中換行。全部斷開(kāi):這種行為類(lèi)似于亞洲單詞normal。
我也同意打破非亞洲語(yǔ)言文本行中的任何單詞。該值適當(dāng)?shù)匕ㄒ恍┎皇莵喼尬谋镜膩喼尬谋?。Keep-all:與所有非亞洲正常人相同。關(guān)于中文、韓文和日文,不允許斷詞。
適合征集大量亞洲文本的非亞洲文本。
以上是邊肖今天的分享,希望對(duì)大家有所幫助。
css,以上就是本文為您收集整理的css最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。