怎么能让分类名称不换行?

2016-07-07 16:24 来源:www.chinab4c.com 作者:ecshop专家

02.jpg

回答:
使用css里的white-space:nowrap;属性,强制不进行换行就可以了。如果感觉太长的话可以加一个overflow:hidden隐藏

/*----- category_tree -----*/
#category_tree dl{padding:0 5px;}
#category_tree dt{font-size:12px; display:block; height:20px; width:100%; font-weight:bold;}
#category_tree dd{display:block; overflow:hidden; zoom:1; white-space: nowrap;}
#category_tree li{width:44%; padding:0 5px; line-height:20px; float:left; overflow:hidden;}
#category_tree li a:hover{color:#EB3006;}
#category_tree li a{color:#686868;}


我是这样加的,不过有点难看.

控制好宽度就不会换行了

以上几种解决方法都可以,也可以修改css让他一行显示一个。