123,123,123

您當(dāng)前所在位置：首頁(yè) → 網(wǎng)絡(luò)編程 → DIVCSS → CSS常用技巧之一禁止文字自動(dòng)換行

CSS常用技巧之一禁止文字自動(dòng)換行 時(shí)間：2015-06-28 00:00:00 來(lái)源：IT貓撲網(wǎng) 作者：網(wǎng)管聯(lián)盟 我要評(píng)論(0)

white-space: nowrap

當(dāng)中文文字很長(zhǎng)的時(shí)候（中間沒(méi)有空格也沒(méi)有換行符號(hào)），不管是IE還是firefox，到達(dá)邊界都會(huì)自動(dòng)換行。

但是有的情況，我們并不希望這樣。比如：當(dāng)在幾個(gè)li并排排列，不想讓每行的最后的一個(gè)li的文字自動(dòng)換行，那就可以用本屬性了。

使用這個(gè)css屬性之后，文本只有在遇到空格或者是換行符的時(shí)候才能換行

比如：

div{white-space: nowrap;}

運(yùn)行演示
<style type="text/css"> div{width:300px;border:1px solid red;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div id="hntx5bf" class="nowrap"> 這是一段很長(zhǎng)的文字中間沒(méi)有空格也沒(méi)有換行它不會(huì)自動(dòng)換行直到被截取掉<br /> </div> <div>這是一段很長(zhǎng)的文字中間沒(méi)有空格也沒(méi)有換行但它會(huì)自動(dòng)換行<br /></div>

上面兩個(gè)div里超寬的文字，第一個(gè)里面的被禁止換行，然后超寬的被截取了；第二個(gè)不做設(shè)置，于是自動(dòng)換行了

關(guān)鍵詞標(biāo)簽：文字,自動(dòng),禁止,之一,

文章評(píng)論

查看所有0條評(píng)論>>

相關(guān)下載

3387文字游戲軟件
時(shí)間：2020-08-05 22:28:44
10款漢儀系列可愛(ài)中文字體打包
時(shí)間：2018-04-27 14:52:57
10款常用的經(jīng)典基礎(chǔ)英文字體
時(shí)間：2017-11-11 08:48:07
26個(gè)英文字母發(fā)音軟件
時(shí)間：2017-08-11 10:03:30
064 cai978英文字體
時(shí)間：2017-05-27 14:15:16
130款韓文字體打包
時(shí)間：2017-05-26 13:33:30

CSS常用技巧之一 禁止文字自動(dòng)換行

CSS常用技巧之一禁止文字自動(dòng)換行