有人能帮我弄点css技巧吗?我需要将图像(<a><img/></a>)放入文本块(<p></p>)中,如上图所示:
就像StephanMuller说的那样,那是不可能的,我正在寻找一个浮动:中心,不存在,但是我可以用一些浮动来工作:左,右!再次感谢大家,对不起没说清楚,请不要轻视我!已解决:)

最佳答案

这在简单的html/css结构中是不可能的。你正在寻找float:center类似的行为,不幸的是它不存在。
这里的主要问题是,文本中的图像是每个定义的内联(或内联块)元素(如果将其设置为块,则它将打断文本流)。这就意味着其他文本行不知道图像在哪里。float是为了解决这个问题,但它只在某物的左右两侧工作,而不是在中间。
我能得到的最接近的是:http://jsfiddle.net/5HPMq/
如您所见,我对一些高度进行了硬编码,以便能够轻松地在图像上设置正确的负边距。这样,图像的高度不会影响其余行的行高,但正如我所说的,其他行不知道图像在哪里,所以它们会在图像后面流动。
对不起,你不能这样做。
附加
我以为你想让文字围绕着领带图像流动。如果您只想在上面和下面的行上重叠图像,请使用我的jsfiddle,看看是否可以从那里开始工作。

10-05 20:28
查看更多