HTML页面中已实现用代码:
实现3张图,上下顺序排列:
但是别人希望:水平排一排
所以再去想办法修改。
参考模板:
html5up-landed
去找代码,然后中间内部变图片
然后试了试,是可以横向排一排的显示了。
但是显示上有点问题:
【已解决】HTML图片横向布局中第一张图片和其他图片高度不一致
【总结】
最后用代码:
即可实现要的效果:
三张图,从左到右,水平排列:
以及移动端现实时,从上到下: