无法使用填充 css 向上推图像答案

【问题标题】：Cannot push image up using padding css无法使用填充 css 向上推图像
【发布时间】：2014-11-19 14:34:17
【问题描述】：

这是图片网站的链接：

如果您看，我将图像设置在灰色背景圆圈内。图像本身位于圆圈内。我将 CSS 填充设置为：

padding:3px 0 0 0

这会将图像放置在距背景灰色圆圈边框顶部 3px 处。

我想将图片向上推，使其更靠近圆圈的顶部

当我这样设置填充时：

padding:0px 0 0 0

它不会向上移动图像。 应该。

如何将此图像向上移动到灰色背景圆圈的顶部。

【问题讨论】：

【解决方案1】：

在该 div 中创建一个新 div，然后使用 margin-top:-3px 将该 div 向上移动；

【讨论】：

【解决方案2】：

我确实注意到图像上方有一个 h4 元素，它会自动添加一些填充和边距。我将 h4 设置为边距 0 和填充 0，它帮助了一些 :-)

【讨论】：

【解决方案3】：

事实上，只需删除那些内联样式并像这样更改您的 CSS .fare 样式

.fare{padding:0 20px}

请注意20px是提供间距的，你可能根本不需要它，它很有味道，所以玩弄它，我只是更喜欢它。当然，将所有其他属性保留在.fare

【讨论】：

【解决方案4】：

图像本身在顶部有大约 8 个透明像素。要减少明显的填充，您需要在图形程序（例如 Photoshop）或服务器上裁剪这些像素

【讨论】：