html - 在单个 div 下添加 2 个图像

Question

我一直在尝试在一个 div 下添加两个图像，但它们没有按我想要的方式显示。

我想在图像之间留出空间，这没有发生。

这是CSS，

.sidebarBody {
    text-align:center;
    padding: 5px;
}

这是HTML，

<div class='sidebarBody'>
    <img src="r.gif" />
    <img src="s.gif" />
</div>

为什么填充不能在所有方面工作？第二张图片显示在第一张图片之后，没有任何空格。

任何帮助表示赞赏。谢谢。

Answer 1

您的 css 不会在图像周围放置任何填充，它只会告诉它进行封闭<div>。使用以下内容：

.sidebarBody img {
   text-align:center;
   padding: 5px;
}

这告诉浏览器为.sidebarBody（div 类）内部的每个图像添加 5px 填充。