图像和列表项目

问题描述:

我正在寻找一种在网页上显示图像的方法。该图像需要位于无序列表中的列表项右侧。最好是,我希望它位于列表项标签内,但恰好位于列表项内的文本之后。但是,当我将此图像放在列表项标签中时,会将图像向下移动到下一行。有谁知道这是为什么发生和/或解决方法?谢谢。图像和列表项目

+1

您使用的是什么html和css?你可以在[JS Fiddle](http://jsfiddle.net/)或[JS Bin](http://jsbin.com/)发布现场演示吗? – 2010-12-20 19:26:11

+1

将图像设置为背景,背景位置:右中; – 2010-12-20 19:29:49

在你的CSS设置你的背景图像的问题图像,背景位置:右,并将图像的宽度添加到正确的填充。这将有效地创建出现在列表项右侧的图像的错觉。

+0

我不是一个CSS专家,但这感觉就像一个黑客。难道不应该使用盒子模型来做到这一点吗?让文本和图像成为在李子里面从左到右堆叠的盒子? – 2010-12-20 19:55:09

+1

一个人可以用我的方式做,或者你可以将图像包含在LI中,将文本包含在一个范围内,并且无论如何都必须破解CSS才能让盒子模型感觉合适,或者你可以把握机会与“ :在所有浏览器都不支持的伪类之后。 – PseudoNinja 2010-12-20 19:59:41

+0

@汤姆安德森我试图按照自己的方式去做,但无法提供一个可行的解决方案。这就是我来这里的原因。 – Brendan 2010-12-20 20:19:15