javascript - 为所有浏览器创建零宽度换行点

Question

我正在编写一个 JS 片段来创建一系列选项卡，以允许查看者循环浏览网页的各个部分，而不是向下滚动查看它们。选项卡都是 <a>元素，封装在 <span> 中每个元素都是为了美化目的。这些跨度都被夹在 <div> 中。 。没有漂浮。显示的选项卡数量取决于脚本修改的页面，最多可达二十个左右或可能更多。如果有很多选项卡，div 需要换行。我在 FF 中通过在每个跨度之间插入零宽度空格来完成此操作，效果非常好。然而，webkit 不喜欢这样，并且拒绝换行。出于美观的目的，这些选项卡确实需要彼此挤在一起，但我不知道如何以适用于 Safari 和 Chrome 的方式实现这一点。任何帮助将不胜感激。

我的代码可以看到here .

Answer 1

在我的网站上，我通过让容器 div 解决了这个问题

div#container { 
  overflow: auto; 
}

以及 div 内的 span

div#container span 
{ 
  float: left; 
  display: block; 
}