flex布局

在 Flexbox 布局中，你可以使用 flex 属性来指定每个子元素应该占据的空间比例。为了让一个子元素占总宽度的三份，而其余的子元素各占一份，你可以按照以下步骤进行设置： 给父容器设置 displ

``` .flex-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction:

问题: 正常情况下10应该在6的下面。但是justify-content: space-between会导致下面这种情况。 解决方案： 添加额外的span, 让span的宽高和粉色小方块的宽一样，高为

分析： 如果只是普通的flex布局，子项的 item 设置为flex：1 width：100px 所有子项均匀排列，但是不能实现滚动效果。需要加上flex-basis: 100px; flex-shr

display:flex和display:none怎么同时使用？ 给需要隐藏的元素外面再一层元素即可

1.flex布局内 固定宽高盒子会被挤小问题 如上图, 盒子内左侧的方形的div原本是固定宽高的, 可是设置flex布局后却被右边的盒子给挤小了 解决方案: 2.flex布局内 自适应部分不自动延长

第一种解决方法：固定子div高度 效果如下： 第二种解决方法：不使用flex布局，直接使用text-align: center 给每一行都text-align：center，然后通过margin来调整