我一直试图在一个div下添加两个图像,但它们没有按我想要的方式显示。
我想在图像之间留出空间,这是没有发生的。
这是css,
.sidebarBody {
text-align:center;
padding: 5px;
}
这是HTML,
<div class='sidebarBody'>
<img src="r.gif" />
<img src="s.gif" />
</div>
为什么填充物不能在各方面工作?第二个图像显示在第一个图像之后,没有任何空格。
感谢任何帮助。 感谢。
答案 0 :(得分:2)
你的css没有在图像周围放置任何填充,它只告诉它做封闭的<div>
。使用以下内容:
.sidebarBody img {
text-align:center;
padding: 5px;
}
这告诉浏览器为.sidebarBody
(div类)内的每个图像添加5px填充。