zzzain46
V2EX  ›  问与答

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

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

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

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