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

2020-12-12 11:58:13 +08:00
 zzzain46

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

774 次点击
所在节点    问与答
4 条回复
IGJacklove
2020-12-12 12:12:51 +08:00
flex 布局不可以吗？
zzzain46
2020-12-12 12:15:45 +08:00
@IGJacklove 没学过前端，不太懂 /(ㄒoㄒ)/~~
IGJacklove
2020-12-12 12:41:32 +08:00
@zzzain46 百度 阮一峰 flex
DFshpAq3
2020-12-12 12:44:39 +08:00
外层套一个 Flex Container，justify-content 和 align-items 都设置成 center，图片定义 margin 为所需要间距的一半

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/734741

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX