欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

white-space:nowrap的應(yīng)用

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2008-10-17 19:24:35   作者:佚名   我要評(píng)論
在web2.0的概念中,標(biāo)簽是個(gè)時(shí)常出現(xiàn)的東東,可是在設(shè)計(jì)時(shí)中文不象英文那樣在表現(xiàn)標(biāo)簽云時(shí)表現(xiàn)的那么好,主要是中文詞組的成為標(biāo)簽后,有時(shí)會(huì)出現(xiàn)長(zhǎng)標(biāo)簽在標(biāo)簽云中被斷行的問(wèn)題。 今天發(fā)現(xiàn)有人在問(wèn)這個(gè)問(wèn)題,以前遇到過(guò),沒(méi)有解決,這次亂試競(jìng)?cè)槐晃以嚦鰜?lái)了,主要是用 d

在web2.0的概念中,標(biāo)簽是個(gè)時(shí)常出現(xiàn)的東東,可是在設(shè)計(jì)時(shí)中文不象英文那樣在表現(xiàn)標(biāo)簽云時(shí)表現(xiàn)的那么好,主要是中文詞組的成為標(biāo)簽后,有時(shí)會(huì)出現(xiàn)長(zhǎng)標(biāo)簽在標(biāo)簽云中被斷行的問(wèn)題。
今天發(fā)現(xiàn)有人在問(wèn)這個(gè)問(wèn)題,以前遇到過(guò),沒(méi)有解決,這次亂試競(jìng)?cè)槐晃以嚦鰜?lái)了,主要是用 display:inline-block; 這個(gè)屬性~,具體代碼如下:
<style type="text/css">
<!--
body{font-size:12px; color:#fff;}
div{width:110px; background:#000;}
span{padding:10px;display:inline-block;}
-->
</style>
<div>
<span>標(biāo)簽</span>
<span>標(biāo)fdsfsd簽</span>
<span>標(biāo)標(biāo)</span>
</div>
span里的元素在被定義了 display:inline-block; 這個(gè)屬性之后,就再也不會(huì)被斷行了,也不會(huì)把外層的 div 撐開(kāi)(除非span比div還要寬了 ),這樣就達(dá)到了和英文單詞一樣的標(biāo)簽云效果了,呵呵~
PS:FF不支持這個(gè)屬性,還是IE比較人性化啊,哈哈~
PS:發(fā)現(xiàn)white-space:nowrap;就可以解決,F(xiàn)F也支持,郁悶啊~
<style type="text/css">
<!--
body{font-size:12px; color:#fff;}
div{width:110px; background:#000;}
span{padding:10px;white-space:nowrap;}
-->
</style>
<div>
<span>標(biāo)</span>
<span>標(biāo)fdsfsdfdsfdsfsdf</span>
<span>標(biāo)</span>
</div>

相關(guān)文章

最新評(píng)論