定义:设置或检索伸缩盒对象的子元素在父容器中的位置。属性决定主轴的方向(即项目的排列方向)
flex-direction: row | row-reverse | column | column-reverse
flex-direction: row;
*{margin: 0;padding: 0;border: 0} li{list-style: none;} pre xmp{border-radius: 1rem;border: 1px dashed #ccc} .w960{width: 960px;margin: 0 auto 2rem} .tc{text-align: center} .flex-container{display: flex;background: #CCC;padding: 1rem;border: 1px dashed #666} .flex-container li{background: #0099cc;color: #FFF;padding: 3rem;margin: 1rem} .container-1{flex-direction: row;} .container-2{flex-direction: row-reverse;} .container-3 li,.container-4 li{padding: .5rem 3rem;margin: .2rem 1rem} .container-3{flex-direction: column;} .container-4{flex-direction: column-reverse;}