一个简单的问题:我需要在文本的中间出现一个图像,但是,该图像比字体的每一行的高度稍大,因此它将文本中的水平“间隙”推开以留出空间本身。要解决此问题,我可以:
1)缩小图像,使其不大于字体。
2)使用位置:绝对
但是我不想再缩小它了,它已经足够小了,可以“技术上适合”每行文本,除了它需要用尽几行白线上方和下方的白色像素它在。
而且我不能使用position:absolute,因为这样图像的位置将在窗口的左上角,而不是在我想要的段落中。
我以为也许可以在段落中放置一个大小为1像素的虚拟“占位符”图像。然后,在我的真实图像上使用Position:Absolute,并连续将我的真实图像设置为与虚拟图像相同的位置。我还没有研究过是否可行,但是对于这种简单的事情似乎有点过分了。有更容易的方法吗?
编辑:我发现添加:保证金:-20像素;到图像的风格作品!!!
margin:-20px;
JSFiddle示例:http://jsfiddle.net/j7tLX/3/
最佳答案
如果您希望图像与段落内联显示,则它们是块级元素。做这个。
img {
display: inline;
}
关于html - position:relative图片不会推送附近的文字?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19216241/