網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

用white-space:nowrap;解決中文標簽標簽換行問題

日期:2013-12-16  來源:攀枝花惠康網絡公司


<span>標fdsfsdfdsfdsfsdf</span>
<span>標標</span>

在web2.0的概念中,標簽是個時常呈現的東東,可是在設計時中文不象英文那樣在默示標簽云時默示的那么好,主若是中文詞組的成為標簽后,有時會呈現長標簽在標簽云中被斷行的問題。

今天在經典論壇里看貼的時辰發現 有人在問這個問題,以前碰著過,沒有解決,此次亂試競然被我試出來了,主若是用 display:inline-block; 這個屬性~,具體代碼如下:
<style type=”text/css”>
<!–
body{font-size:12px; color:#fff;}
div{width:110px; background:#000;}
<div>
span{padding:10px;display:inline-block;}
</style>
<span>標簽</span>
<span>標fdsfsd簽</span>
</div>

PS:FF不撐持這個屬性,仍是IE斗勁人道化啊,哈哈~

PS PS:在群里又被 aoao 指點了一下,發現white-space:nowrap;就可以解決,FF也撐持,郁悶啊~
div{width:110px; background:#000;}
<style type=”text/css”>
–>
<!–
span{padding:10px;white-space:nowrap;}

span里的元素在被界說了 display:inline-block; 這個屬性之后,就再也不會被斷行了,也不會把外層的 div 撐開(除非span比div還要寬了 ),這樣就達到了和英文單詞一樣的標簽云效不美觀了,呵呵~


–>
</style>
<div>
body{font-size:12px; color:#fff;}
<span>標</span>
<span>標</span>
</div>

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

手机麻将透视通用免费 押龙虎十大技巧口诀 南宁麻将大七对多少张牌 最准平码平肖免费资料 血战麻将技巧顺口溜 欢乐捕鱼人赢话费安卓 神来棋牌西西下载 股票投资平台 扑克的玩法 股票吧 管家婆六肖期期中