交互设计中心-72色

交互设计中心 | 用户体验 | 优化

轻松实现li内文字不换行,及文字不断行。

2009年9月16日 | 分类:DIV+CSS | 评论:0 | 引用:0 | | Tags:不换行  nowrap  

轻松实现li内不换行white-space:nowrap的应用
通常在li内写标签。不能给固定宽度。因没没法确定文字字数。所一般都做浮动。或内嵌,但总会出现,文字断字分行。效果很不好。研究后发现只要在代码里加上强制不换行就OK了。

下面实例:

#webModuleRightListTag li{ display:inline; float:left; margin-right:8px; white-space:nowrap; line-height:25px; }

Share
« 未来的交互设计是这样子的可以"勾引"用户的按钮 »



◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。