用一些空白垂直分隔它们-解网

问：

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

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

HTML CSS 图像

评论

0赞 G-Cyrillus 8/21/2019

它应该在每个下面有一个 2em 的间隙......如果这是答案;)

0赞 bron 8/21/2019

你的css基本上没问题。添加以确保图像不会显示不需要的边框。也许你想给图像一个并设置尺寸。border: 0;widthheight: auto;

答：

2赞 Dacre Denny 8/21/2019 #1

要使图像水平居中，同时在它们之间添加一些垂直的空白，您可以使用以下 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

上一个：了解 std：：move 和 std：：unique_ptr 中的所有权转让 C++

下一个：Lambda（通过引用与值将 lambda 传递给函数）