CSS 在布局方面做了非常大的改进，对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开发中可以发挥极大的作用。 兼容性不好 必要元素： 指定一个盒子为伸缩盒子 display:flex 设置属性来调整此盒子的子元素的布局方式：如 flex direction 明确主侧轴及方向 可互换主侧轴，也可改变方向 各属性： 设置主轴方向 a flex direction：row 默认 ...
2017-05-16 14:42 0 2978 推荐指数：
flex-wrap`设置子元素是否换行 nowrap默认不换行，如果撞不开缩小子元素宽度。 wrap换行 align-items设置侧轴上的子元素排列方式（单行） flex-start 从上到下 flex-end 从下到上 center挤在 ...
一、align-items 属性 为弹性容器内的项目指定默认对齐方式。 1.stretch：默认。项目被拉伸以适合容器。 2.center：项目位于容器的中央。 3.flex-start：项目位于容器的开头。 4.flex-end：项目位于容器的末端。 5.baseline：项目被定位 ...
做案例中，我们会发现让子元素在父元素中垂直居中，要设置margin和padding等，各种设置才能垂直居中 现在可以使用CSS3中的align-items实现 align-items 定义子元素在父元素交叉轴上如何对齐的，大多数不理解交叉轴是什么，下面举例来说明，不多说直接 ...
1.主轴和侧轴是通过flex-direction确定的 如果flex-direction是row或者row-reverse，那么主轴就是justify-contain 如果flex-direction是column或者column-reverse,那么主轴就是align-items ...
专业术语： 1.主轴和侧轴： 主轴、主轴方向： 伸缩容器的主轴，伸缩项目主要沿着这一条轴进行布局，取决于justify-content， 默认是水平的（即x轴方向） 如果justify-content：column则为纵向的（即为y轴方向） 侧轴、侧轴方向：与主轴垂直的轴称为侧轴，取决于主轴 ...
.searbar_content_box:hover .searchBar_checked_detail_box｛ display:block｝ ...
需求： 将改变为。 代码： 解释： 1. display: -webkit-box; CSS3新盒模型，与display:flex;相似，具体请见。。。。 2. -webkit-box-orient: vertical; 子元素排列方向：纵向（vertical），还有横向 ...
...
