Html 如何为图像添加间距

我的图像似乎是堆叠在一起的，我试图在它们之间创造一些空间。我尝试在其他网站上搜索，但似乎没有任何效果。有人能帮我查一下有什么问题吗

CSS:

DIV.contact
{
显示：内联块；
宽度：140px；
文本对齐：居中；
垂直对齐：中间对齐
}

---

这应该可以满足您的需要。

您可以使用

display:block然后使div向左浮动

然后只需使用
margin:abcd
添加间距。
只需将
填充添加到类
。联系

.contact {
    padding: 10px 10px 10px 10px; // top,right,bottem,left
}

从CSS中删除宽度

DIV.contact
{
display: inline-block;
width: 140px;
text-align: center;
vertical-align: middle
}

换成

DIV.contact
{
display: inline-block;
text-align: center;
vertical-align: middle
}

因为您将div设置为160，图像更宽

请加上：

DIV.contact img
{
    max-width: 100%;
}

当您删除vspace和hspace时，一切都按预期工作。不知道你为什么要用它。
你可以使用以下方法：

填充：

DIV.contact
{
    padding: 20px; /*you can use % values as well {like: 2%;}*/
    display: inline-block;
    width: 140px;
    text-align: center;
    vertical-align: middle
}

保证金：

DIV.contact
{
    margin-right:15px;
    margin-bottom:20px;
    display: inline-block;
    width: 140px;
    text-align: center;
    vertical-align: middle
}

简单的答案是把你想要的所有图片排在同一个分区内。如果你需要几个分区，你必须用另一种方法。在将来，请把所有的css写在一个css文件或样式元素中，这样更容易看到所有的代码


img{
宽度：25%；
}


DIV.contact
{
    margin-right:15px;
    margin-bottom:20px;
    display: inline-block;
    width: 140px;
    text-align: center;
    vertical-align: middle
}