flex布局中的注意事项

flex布局中的注意事项

详情描述

父级设置：display: flex;flex-wrap: wrap（超出部分换行，no-wrap 不换行wrap : 第一行在上面；wrap-reverse： 换行，第一行在下面）;子集纵轴排列会默认每个项目两侧的间隔相等，项目之间的间隔比项目之间的边框的间隔大一倍；如果需要清除默认样式的影响，则设置justify-content: flex-start（flex-start :左对齐；flex-end: 右对齐；center：居中；space-between：两端对齐，项目之间的间隔都相等；space-around：每个项目两侧的间隔相等，项目之间的间隔比项目之间的边框的间隔大一倍）（实列见复诊建议项目框）;