html - 位置 : absolute inside inline position:relative? 是否有替代方案

Question

我已经研究了一段时间，但似乎无法弄明白。

我有一系列 position: relative spans 包裹着一些文本和一个 position: absolute span 设置为 right: 0;。我希望第二个 span 会卡在第一个 span 的右边，即使第一个 span 被分成两行——但是，唉，我只能让它在 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;
}