IT貓撲網(wǎng):您身邊最放心的安全下載站! 最新更新|軟件分類|軟件專題|手機(jī)版|論壇轉(zhuǎn)貼|軟件發(fā)布

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

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

時(shí)間:2015-06-28 00:00:00 來源:IT貓撲網(wǎng) 作者:網(wǎng)管聯(lián)盟 我要評(píng)論(0)

white-space: nowrap

當(dāng)中文文字很長的時(shí)候(中間沒有空格也沒有換行符號(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)行演示

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

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

相關(guān)閱讀 如何在上傳的圖片上打自己的文字水印 我的世界怎么制作專屬皮膚-專屬皮膚制作方法 使用Win 2003搭建安全文件服務(wù)器 WIN2003 IIS6.0+PHP+ASP+MYSQL優(yōu)化配置 備份和恢復(fù)Windows IIS服務(wù)器設(shè)置 vsftp配置大全---超完整版

文章評(píng)論
發(fā)表評(píng)論

熱門文章 DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識(shí)整理 DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識(shí)整理 完美解決CSS網(wǎng)頁水平居中 完美解決CSS網(wǎng)頁水平居中 XHTML+CSS兼容解決方案 XHTML+CSS兼容解決方案 CSS網(wǎng)頁布局困擾新手的八個(gè)問題 CSS網(wǎng)頁布局困擾新手的八個(gè)問題

相關(guān)下載

人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法 CSS實(shí)例:list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實(shí)例 CSS實(shí)例:通過定義漸變邊框給圖片加陰影 CSS常用技巧之一 禁止文字自動(dòng)換行 網(wǎng)頁頁面設(shè)計(jì)中CSS十大注意 解決用CSS控制DIV居中失效的問題 css div設(shè)置float后高度不能自動(dòng)增加 讓CSS兼容IE和Firefox的技巧集合