时间戳

首页 > 解决方案 > 用一些空白将它们垂直分开

html - 用一些空白将它们垂直分开

问题描述

如果是这样的问题：在右侧的 CSS 面板中编码，设置图像的样式，使其居中。用一些空白将它们垂直分开。以下可以吗？

img {
  display: block;
  margin: 0 auto 2em auto;
}

标签： htmlcssimage

解决方案

要水平居中图像，同时在它们之间添加一些垂直空白，您可以使用以下 CSS 简写：

/* Margin of 2em along bottom, Margin of auto left/right */
margin: 0 auto 2em;

这是一个工作示例：

img {
  display: block;
  margin: 0 auto 2em;
}
<img src="https://via.placeholder.com/30x150" />
<img src="https://via.placeholder.com/30x150" />
<img src="https://via.placeholder.com/30x150" />

有关该margin属性的更多信息以及有效的速记语法示例，请参阅此链接

推荐阅读