用html把图片整体往左挪动,【已解决】HTML页面中把3张图横向排一排

HTML页面中已实现用代码:

                                    davinci_certificate_primary.jpg

                                    davinci_certificate_intermediate_color.jpg

                                    davinci_certificate_intermediate_edit.jpg

实现3张图,上下顺序排列:

d31028781e25ef1ffc1a9de2d6391d0b.png

但是别人希望:水平排一排

所以再去想办法修改。

参考模板:

html5up-landed

860b608cdf934c135c0a1560d00e45c3.png

去找代码,然后中间内部变图片

然后试了试,是可以横向排一排的显示了。

但是显示上有点问题:

【已解决】HTML图片横向布局中第一张图片和其他图片高度不一致

【总结】

最后用代码:

                                            davinci_certificate_primary_v2.jpg

                                            davinci_certificate_intermediate_color.jpg

                                            davinci_certificate_intermediate_edit.jpg

即可实现要的效果:

三张图,从左到右,水平排列:

e902f926bc900db33b7218bc2cc3d898.png

以及移动端现实时,从上到下:

bb70082abcc6a5b596e8f4b048a4aca0.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值