乌龙球

It is a long road.

« replace操作批量替换Mysql字段内的内容四川华盖律师事务所首页效果图--Fireworks »

DreamWeaver8生成的下拉菜单在IE7下中文字符自动换行的解决办法

  虽然,现在已经有非常多流行的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>标签,这样可以更快更方便的完成任务.

  • 相关文章:

日历

联系乌龙球

    评论留言已关闭
    OwnGoalCn@gmail.com

最近发表

Powered By Z-Blog 1.8 Arwen Build 81206 Code detection by Codefense

Copyright www.wulongqiu.org 2009