white-space:nowrap的应用

在web2.0的概念中，标签是个时常出现的东东，可是在设计时中文不象英文那样在表现标签云时表现的那么好，主要是中文词组的成为标签后，有时会出现长标签在标签云中被断行的问题。今天发现有人在问这个问题，以前遇到过，没有解决，这次乱试竞然被我试出来了，主要是用 display:inline-block; 这个属性～，具体代码如下： <style type="text/css"></style><div><span>标签</span><span>标fdsfsd签</span><span>标标</span></div> span里的元素在被定义了 display:inline-block; 这个属性之后，就再也不会被断行了，也不会把外层的 div 撑开（除非span比div还要宽了），这样就达到了和英文单词一样的标签云效果了，呵呵～ PS：FF不支持这个属性，还是IE比较人性化啊，哈哈～ PS：发现white-space:nowrap;就可以解决，FF也支持，郁闷啊～ <style type="text/css"></style><div><span>标</span><span>标fdsfsdfdsfdsfsdf</span><span>标</span></div>

　　推荐阅读

　　CSS技巧：改善代码可读性并简化代码管理

SomereadershaveaskedtomewhatisthebetterwaytoorganizeaCSSfiletooptimizecodereadabilityandsimplifycodemanagement.Generally,Iadoptjustsomesimplerulesand,it'smyopinion,theyareusefulinordernottobecomec>>>详细阅读

本文标题：white-space:nowrap的应用

地址：http://www.17bianji.com/kaifa2/CSS/17348.html

1/2 1