虽然,现在已经有非常多流行的CSS+JS下拉菜单源码甚至纯CSS的源码可用,但是,大部分朋友应该还是喜欢用DW生成的下拉菜单,方便快捷傻瓜式的--我也喜欢.
这次在添加客户艾福特网站的二级菜单时,发现,中文的菜单在IE7下是自动换行的,在IE6和FF下是正常兼容的.
怎么去解决呢?既然是换行,当然会想到,用CSS禁止其自动换行.white-space:nowrap;这个CSS属性自然就派上用场了.
把这个禁止自动换行的CSS样式加入到控制这个菜单的样式类里就可以了.最直接安全的方式,在加在生成的JS源码里.这样不用考虑样式Class或者ID的范围问题了.
比如:
mm_menu_0905050420_0.addMenuItem("<span style=white-space:nowrap;>陕西名小吃","location='view.php?aid=39'");
..........................................................................中间省略若干同级别菜单..........................................................
mm_menu_0905050420_0.addMenuItem("河南名小吃</span>","location='view.php?aid=48'");
(代码截取自生成的JS)红色部分为添加的样式控制.
到最后一项菜单再封闭<span></span>标签,这样可以更快更方便的完成任务.