有人可以帮我在css中使用一个小技巧吗？我需要将图像 ( <a><img/></a>) 放入文本块 ( <p></p>) 中，如上图所示：
就像@StephanMuller 说的那样，这是不可能的，我正在寻找一个不存在的浮动：中心，但我可以使用一些浮动：左，右！再次感谢大家，抱歉没有说清楚，请不要给我投票！解决了 ：）
问问题
3488 次
2 回答
3
这对于简单的 html/css 构造是不可能的。您正在寻找 float:center类似的行为，不幸的是它不存在。
这里的主要问题是文本中的图像是每个定义的内联（或内联块）元素（如果将其设置为块，它会破坏文本的流动）。这反过来意味着其他文本行不知道图像在哪里。float被设计来解决这个问题，但它只适用于某物的左侧和右侧，而不是中间。
我能得到的最接近的是：http: //jsfiddle.net/5HPMq/
如您所见，我对一些高度进行了硬编码，以便能够轻松地在图像上设置正确的负边距。这样，图像的高度不会影响该行其余部分的行高，但正如我所说，其他行不知道图像在哪里，所以它们会在图像后面流动。
TL;DR：对不起，你不能这样做。
添加
我假设您希望文本围绕领带图像流动。如果您只想在其上方和下方的行上重叠图像，请使用我的 jsfiddle 并查看是否可以从那里工作。
于 2013-09-17T13:44:06.873 回答
2
我假设你想要图像就在你的文本前面。
这可能会有所帮助：
<img style="position:absolute; TOP:100px; LEFT:100px; WIDTH:50px; HEIGHT:50px" SRC="image.jpg">
顶部：100px；左：50px；是起点。只需找出坐标。
我自己试过了，对我来说是这样的：
于 2013-09-17T13:43:03.743 回答