是否有替代位置：绝对内联线位置：相对？

Question

我一直在研究这个问题，似乎无法弄明白。

我有一系列position: relative spans，其中包含一些文字，position: absolute span设置为right: 0;。我希望第二个跨度能够保持在第一个跨度的右侧，即使第一个跨度被分成两行 - 但是唉，我只能在Safari中使用它。

要查看示例，请查看此处：http://workingonit.andrewleclair.com/slashtest/。

我找到了这个页面：http://www.brunildo.org/test/inline-cb.html这表明这种技术虽然在技术上是正确的，却得不到很好的支持。我想要的是每个/被绑定到每个li的末尾，即使它包裹到多行......

有什么想法吗？感谢。

Answer 1

看起来你的标题太小了。尝试删除宽度。如果我这样做，它在FF 3.6中看起来很好。

#header {
    float: left;
    margin-right: 48px;
    margin-top: 26px;
    /*width: 334px;*/
}

另一种方法是添加white-space：nowrap到你的li。

li {
    color: #888888;
    list-style-type: none;
    white-space: nowrap;
}

编辑：

试试这个......

.slash {
    color: #BBBBBB;
    padding: 0 2px 0 19px;
}

.header {
    background-color: yellow;
    border: 1px solid red;
}