三个图片组成的图片组居中样式怎么写最简单？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1442 天前的主题，其中的信息可能已经有所发展或是发生改变。

有图 1 图 2 图 3 三个图片，每个图片高度相同，长度不同，每个图片之间空一个空格左右的间距，三个图片组成的整体在页面中水平居中。怎么写样式最简单？

4 条回复 • 2020-12-12 12:44:39 +08:00

IGJacklove

2020-12-12 12:12:51 +08:00 via Android

flex 布局不可以吗？

zzzain46

2020-12-12 12:15:45 +08:00

@IGJacklove 没学过前端，不太懂 /(ㄒoㄒ)/~~

IGJacklove

2020-12-12 12:41:32 +08:00 via Android

@zzzain46 百度阮一峰 flex

DFshpAq3

2020-12-12 12:44:39 +08:00

外层套一个 Flex Container，justify-content 和 align-items 都设置成 center，图片定义 margin 为所需要间距的一半