用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>