文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
前端 - flex布局采用space-around这种方法，但是最后一行如何让他左对齐？
黄舟
黄舟 2017-04-17 14:55:09
[HTML讨论组]
0 6 1508
举报


如图最好那两个怎么让他左对齐？

黄舟
黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全部回复(6)
阿神
阿神2017-04-17 14:57:09 6楼

不用space-around,就使用的flex-start就可以， 注意加上flex-wrap:wrap

赞 +1
添加回复
黄舟
黄舟2017-04-17 14:57:09 5楼

楼主这种情况,我觉得用float布局比较好,如果还是用flex,同意楼上的说法.

赞 +0
添加回复
伊谢尔伦
伊谢尔伦2017-04-17 14:57:09 4楼

楼上说的对，这种直接百分比计算下就好了，没必要flex。
http://runjs.cn/code/3nq7qacp

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 14:57:09 3楼

那我计算下。谢谢了

赞 +0
添加回复
怪我咯
怪我咯2017-04-17 14:57:09 2楼

如果每个item宽度相同的话，那么可以添加几个空白占位item，保持每行的列数相同即可

赞 +0
添加回复
黄舟
黄舟2017-04-17 14:57:09 1楼

flex 配合百分比使用。

  • 若 justify-content: space-around;，需要添加空白占位元素。

  • 若 justify-content: flex-start;，不需添加额外元素。

item 内部 text-align: center; 实现居中。

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部