文本块（CSS）内的图像

Question

有人可以用css中的小技巧帮助我吗？我需要将图像（<a><img/></a>）放在文本块（<p></p>）中，如上图所示：

就像@StephanMuller所说，这是不可能的，我正在寻找一个浮动：中心，这不存在，但我可以解决一些浮动：左，右！再次感谢大家，抱歉没有那么清楚，请不要贬低我！已解决：）

Answer 1

使用简单的html / css构造无法做到这一点。你正在寻找float:center - 类似的行为，遗憾的是它不存在。

这里的主要问题是文本中的图像是每个定义的内联（或内联块）元素（如果你使它成为一个块，它会破坏文本的流程）。这反过来意味着其他文本行不知道图像的位置。 float被设法解决这个问题，但它只适用于某事物的左侧和右侧，而不是中间。

我能得到的最接近的是：http://jsfiddle.net/5HPMq/

正如您所看到的，我硬编码了一些高度，以便能够在图像上轻松设置正负边距。这样，图像的高度不会影响线条其余部分的线高，但正如我所说，其他线条不知道图像的位置，所以它们会在它后面流动。

TL; DR：对不起，你不能这样做。

除了

我假设您希望文本围绕领带图像流动。如果你只是想重叠它上面和下面的线条上的图像，请使用我的jsfiddle，看看你是否可以在那里工作。

Answer 2

我假设您希望图片就在文字前面。

这可能会有所帮助：

<img style="position:absolute; TOP:100px; LEFT:100px; WIDTH:50px; HEIGHT:50px" SRC="image.jpg">

顶部：100像素;左：50px;是起点。找出坐标。

我自己尝试过，看起来对我来说是这样的：