zzzain46
V2EX  ›  问与答

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

  •  
  •   zzzain46 · Dec 12, 2020 · 1150 views
    This topic created in 2009 days ago, the information mentioned may be changed or developed.

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

    4 replies    2020-12-12 12:44:39 +08:00
    IGJacklove
        1
    IGJacklove  
       Dec 12, 2020 via Android
    flex 布局不可以吗?
    zzzain46
        2
    zzzain46  
    OP
       Dec 12, 2020
    @IGJacklove 没学过前端,不太懂 /(ㄒoㄒ)/~~
    IGJacklove
        3
    IGJacklove  
       Dec 12, 2020 via Android   ❤️ 1
    @zzzain46 百度 阮一峰 flex
    DFshpAq3
        4
    DFshpAq3  
       Dec 12, 2020   ❤️ 1
    外层套一个 Flex Container,justify-content 和 align-items 都设置成 center,图片定义 margin 为所需要间距的一半
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3032 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 05:39 · PVG 13:39 · LAX 22:39 · JFK 01:39
    ♥ Do have faith in what you're doing.