[分享]css两张垂直图片的间距

在网页设计过程中，有时需要在垂直方向上放置两张图片，并且要求它们之间有一定的距离。这时可以通过CSS来实现。第一种方法是使用margin属性。代码如下：img { marginbottom: 20px...

在网页设计过程中，有时需要在垂直方向上放置两张图片，并且要求它们之间有一定的距离。这时可以通过CSS来实现。

第一种方法是使用margin属性。代码如下：

img {
    margin-bottom: 20px;
} 

通过设置第一张图片的margin-bottom为20px，就能使它下方有一定的间距了。

第二种方法是使用padding属性。代码如下：

div {
    display: flex;
    justify-content: center;
}
img {
    padding: 20px;
} 

通过将两张图片放在一个div中，并使用flex布局让它们在水平方向上居中，然后对图片设置padding属性为20px，就能在它们之间创建一个间距了。