当前位置:  开发笔记 > 前端 > 正文

如何保持内联物品不被包裹?

如何解决《如何保持内联物品不被包裹?》经验,为你挑选了1个好方法。

我有菜单项看起来像这样

  • Item1
  • Item2
  • Item3

使用CSS将上述内容转换为水平菜单,JS将[spans]转换为显示上下文菜单的按钮.模糊地这样:

Item1^  Item2^  Item3^

如果菜单的浏览器宽度太宽,它会换行,这就是我想要的.问题是有时它会在[spans]之前放入换行符.我只想让它在[li]之间打破.有任何想法吗?



1> Huibert Gill..:

尝试使用

white-space: nowrap;

在上下文触发器类的css定义中.

编辑:我认为patmortech是正确的,将nowrap放在跨度上是行不通的,因为没有"空白"内容.也可能是将样式粘贴在LI元素上也不起作用,因为浏览器可能会分解部件,因为span是li中的嵌套元素.您可能会重新考虑您的代码,删除SPAN元素并在LI元素上使用css.

推荐阅读
依然-狠幸福
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有