访问此网站，您将看到网格中的图像。网格看起来完全随机，但经过进一步检查，我们发现页面是自动进行的，图像分为15块。但每个街区仍然完全不同。
我有一系列图像，我想做一些像
这样的事情array.map( ( element, index) => (
<div **STYLES**>
<img key={index} src={element} />
</div>
)
但具有适当的造型。
关于如何进行造型的任何线索？
答案 0 :(得分：0)
如果您只对造型方面感兴趣，请检查元素。你会看到他们所做的一切都是为了实现这一目标＆＃34; grid＆＃34;像layout一样设置每个图像的高度，然后使用<body>将它们全部放在text-align: center标记的中心。
问题是，在您的示例代码中，您使用默认为<div>的{{1}}。在该tumblr页面上，每个图片都包含在display: block标记中，默认为<a>，因此，如果您想继续使用display: inline打包每张图片，则需要设置<div>道具：style并在包含div / images数组的父元素上设置style={{display: 'inline'}}。
我希望这会对你有所帮助，如果没有，请告诉我。
text-align: center答案 1 :(得分：0)
您可以看到图像按行排列，每行有“随机”1,2或3张图像。你已经提到过，一次获得15个图像。 如果你显示15张图片怎么样，没有。每行中的图像设置如下（数字加起来为15）。
2,3,1,2,1,3,2,1
将图像居中并根据宽高比将所有图像设置为相同的高度，宽度自动，这会增加感知的随机性。
我想你可以找出代码，但如果我能提供帮助，请告诉我。