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

我一直在这个工作了一段时间，似乎无法弄清楚。是否有替代位置：绝对内嵌位置：相对？

我有一系列的position: relativespans其周围的一些文字包裹和position: absolutespan设置为right: 0;。我认为即使第一个跨度被分成两行，第二个跨度仍然会卡在第一个跨度的右侧 - 但是，我只能在Safari中使用它。

我发现此页面：http://www.brunildo.org/test/inline-cb.html这表明此技术尽管在技术上是正确的，但没有得到很好的支持。我想要的是每个/被卡在每个li的末端，即使它包装成多条线。

任何想法？谢谢。

我很困惑。 [你的第一个链接]（http://workingonit.andrewleclair.com/slashtest/）没有显示正确的东西？ – 2011-02-01 17:31:23

它可以在Safari（也可能是其他浏览器）中正常工作，但在Firefox 3.6.13中，即使跨度分成两行，斜线仍会粘贴到跨度的右上角。 – 2011-02-01 17:34:50

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

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

另一种方法是添加空白：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; 
}

2011-02-01 17:51:10 gearsdigital

回答