- 博客(2)
- 收藏
- 关注
原创 flex布局 常见问题,解决技巧
两端对齐,因元素个数不固定,导致中间空隙过大 效果图 解决方法 模拟一行最多元素的个数减1,然后把模拟的一行元素高度设置为零,进行补空 利用最后一个元素的margin-right属性,进行补空 欢迎留言问题,会的到反馈信息滴~ 关联文章 flex布局 思维导图、总结、各属性案例 ...
2020-12-05 16:39:32
647
原创 flex思维导图、总结、各属性案例
思维导图 容器的属性 / 斜线:在flex-direction: column;属性下 flex-direction:元素的排列方向(模型A、模型B) row(默认) :模型A,主轴为水平方向,起点在o,横向排列(o到x),元素为A、B、C row-reverse:模型A,主轴为水平方向,起点在x,横向排列(x到o),元素为C、B、A column:模型B,主轴为垂直方向,起点在o,纵向排列(o到y),元素为A、B、C column-reverse:模型B,主轴为垂直方向,起点在y,纵向排列(y到o
2020-12-04 09:54:51
490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人