V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zzzain46
V2EX  ›  问与答

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

  •  
  •   zzzain46 · 2020-12-12 11:58:13 +08:00 · 728 次点击
    这是一个创建于 1248 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    4 条回复    2020-12-12 12:44:39 +08:00
    IGJacklove
        1
    IGJacklove  
       2020-12-12 12:12:51 +08:00 via Android
    flex 布局不可以吗?
    zzzain46
        2
    zzzain46  
    OP
       2020-12-12 12:15:45 +08:00
    @IGJacklove 没学过前端,不太懂 /(ㄒoㄒ)/~~
    IGJacklove
        3
    IGJacklove  
       2020-12-12 12:41:32 +08:00 via Android   ❤️ 1
    @zzzain46 百度 阮一峰 flex
    DFshpAq3
        4
    DFshpAq3  
       2020-12-12 12:44:39 +08:00   ❤️ 1
    外层套一个 Flex Container,justify-content 和 align-items 都设置成 center,图片定义 margin 为所需要间距的一半
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6318 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 03:31 · PVG 11:31 · LAX 20:31 · JFK 23:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.