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

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

CSS常用技巧之一 禁止文字自動換行

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

white-space: nowrap

當中文文字很長的時候(中間沒有空格也沒有換行符號),不管是IE還是firefox,到達邊界都會自動換行。

但是有的情況,我們并不希望這樣。比如:當在幾個li并排排列,不想讓每行的最后的一個li的文字自動換行,那就可以用本屬性了。

使用這個css屬性之后,文本只有在遇到空格或者是換行符的時候才能換行

比如:

div{white-space: nowrap;}

運行演示

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

關鍵詞標簽:文字,自動,禁止,之一,

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

文章評論
發(fā)表評論

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

相關下載

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