欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《CSS 让图片水平排列，为什么图片变成了梯形？》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

css 让图片水平排列，为什么变成梯形了？

在 html 中使用
标签来换行可能会导致图片变成梯形，因为
会在图片下方创建新的行。

如何解决：

为了让图片水平排列，可以使用 css 的弹性布局：

1. 将图片容器
   设置为弹性布局：display: flex; flex-wrap: wrap;
2. 给图片设置 max-width 和 margin-right，以控制图片的大小和间距，例如：max-width: 100px; margin-right: 10px;

修改后的 html 代码：

    
    


    
Image Gallery
    

        
    

终于介绍完啦！小伙伴们，这篇关于《CSS 让图片水平排列，为什么图片变成了梯形？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！