html / css如何使用相同的空格对齐所有图片。

Question

我想在所有照片之间留出相同的间距。它们的宽度相同，只有高度不同。它应该看起来像在图片中。例如：http://prntscr.com/2ugt3z

Answer 1

你的意思是，这会在#content中的每个图片标签上留下5px的边距：

#content img{
 margin: 5px;
}

或制作：

.image-margin{
margin: 5px;
}

并执行以下操作：

或：http://isotope.metafizzy.co/

Answer 2

这种布局不能仅使用花车进行，您的选项是：

• 使用Flex布局（ie10 +）
• 手动定位每个元素
• 使用插件，如果您使用的是jquery，那么Isotope（http://isotope.metafizzy.co/）或Masonry（http://masonry.desandro.com/）就是您所需要的，如果您使用的是纯粹的javascript，Salvattore（http://salvattore.com/ ）会做的。