84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
如图最好那两个怎么让他左对齐?
人生最曼妙的风景,竟是内心的淡定与从容!
不用space-around,就使用的flex-start就可以, 注意加上flex-wrap:wrap
楼主这种情况,我觉得用float布局比较好,如果还是用flex,同意楼上的说法.
楼上说的对,这种直接百分比计算下就好了,没必要flex。http://runjs.cn/code/3nq7qacp
那我计算下。谢谢了
如果每个item宽度相同的话,那么可以添加几个空白占位item,保持每行的列数相同即可
flex 配合百分比使用。
若 justify-content: space-around;,需要添加空白占位元素。
justify-content: space-around;
若 justify-content: flex-start;,不需添加额外元素。
justify-content: flex-start;
item 内部 text-align: center; 实现居中。
text-align: center;
不用space-around,就使用的flex-start就可以, 注意加上flex-wrap:wrap
楼主这种情况,我觉得用float布局比较好,如果还是用flex,同意楼上的说法.
楼上说的对,这种直接百分比计算下就好了,没必要flex。
http://runjs.cn/code/3nq7qacp
那我计算下。谢谢了
如果每个item宽度相同的话,那么可以添加几个空白占位item,保持每行的列数相同即可
flex 配合百分比使用。
若
justify-content: space-around;
,需要添加空白占位元素。若
justify-content: flex-start;
,不需添加额外元素。item 内部
text-align: center;
实现居中。