2011-02-01 94 views
2

我一直在這個工作了一段時間,似乎無法弄清楚。是否有替代位置:絕對內嵌位置:相對?

我有一系列的position: relativespans其周圍的一些文字包裹和position: absolutespan設置爲right: 0;。我認爲即使第一個跨度被分成兩行,第二個跨度仍然會卡在第一個跨度的右側 - 但是,我只能在Safari中使用它。

要看例子,請看這裏:http://workingonit.andrewleclair.com/slashtest/

我發現此頁面:http://www.brunildo.org/test/inline-cb.html這表明此技術儘管在技術上是正確的,但沒有得到很好的支持。我想要的是每個/被卡在每個li的末端,即使它包裝成多條線。

任何想法?謝謝。

+0

我很困惑。 [你的第一個鏈接](http://workingonit.andrewleclair.com/slashtest/)沒有顯示正確的東西? – 2011-02-01 17:31:23

+0

它可以在Safari(也可能是其他瀏覽器)中正​​常工作,但在Firefox 3.6.13中,即使跨度分成兩行,斜線仍會粘貼到跨度的右上角。 – 2011-02-01 17:34:50

回答

0

看起來你的標題太小了。嘗試刪除寬度。如果我這樣做,它在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; 
}