DIV中图像的填充/边距

时间:2010-11-30 22:04:44

标签: css image padding margin

确定。我最近对这个网站做了一些更新。

http://annberingerart.com/index.php

进行一些细微更改后,索引页面上图像的边距和填充似乎已更改。我希望在所有图像之间在垂直和水平方向上具有相等的填充以及一致的边距。

此外,我在安装了Safari 5的朋友的MAC上查看了该网站,整个包装器的大小似乎缩小了,因为它不能像我之前那样包含它的子项。

你可以看看firebug中的CSS,因为在这里发布400多行CSS会过于冗长和过分。

欢迎任何批评,但我主要想知道如何解决这个问题。

1 个答案:

答案 0 :(得分:5)

您的水平边距是由空格/换行引起的,因为图像是内联元素(实际上是内联块的类型......)。

如果浮动图像,则可以更好地控制精确边距,而不是取决于空格/换行的宽度。

要解决您的问题,您可以:

  • 浮动图像;
  • 给包装器一个左边填充,没有右边填充和一个overflow:hidden;
  • 为所有图像提供正确的填充(与包装器的左边填充相同)。