圖像和列表項目

我正在尋找一種在網頁上顯示圖像的方法。該圖像需要位於無序列表中的列表項右側。最好是，我希望它位於列表項標籤內，但恰好位於列表項內的文本之後。但是，當我將此圖像放在列表項標籤中時，會將圖像向下移動到下一行。有誰知道這是爲什麼發生和/或解決方法？謝謝。圖像和列表項目

2010-12-20 Brendan

您使用的是什麼html和css？你可以在[JS Fiddle]（http://jsfiddle.net/）或[JS Bin]（http://jsbin.com/）發佈現場演示嗎？ – 2010-12-20 19:26:11

將圖像設置爲背景，背景位置：右中; – 2010-12-20 19:29:49

在你的CSS設置你的背景圖像的問題圖像，背景位置：右，並將圖像的寬度添加到正確的填充。這將有效地創建出現在列表項右側的圖像的錯覺。

2010-12-20 19:31:06 PseudoNinja

我不是一個CSS專家，但這感覺就像一個黑客。難道不應該使用盒子模型來做到這一點嗎？讓文本和圖像成爲在李子裏面從左到右堆疊的盒子？ – 2010-12-20 19:55:09

一個人可以用我的方式做，或者你可以將圖像包含在LI中，將文本包含在一個範圍內，並且無論如何都必須破解CSS才能讓盒子模型感覺合適，或者你可以把握機會與「：在所有瀏覽器都不支持的僞類之後。 – PseudoNinja 2010-12-20 19:59:41

@湯姆安德森我試圖按照自己的方式去做，但無法提供一個可行的解決方案。這就是我來這裏的原因。 – Brendan 2010-12-20 20:19:15

回答