CSS盒模型 flex
用于网页布局,PC的话,兼容性不够,慎用,手机端的话,神器
整理部分通用的,可以直接复制的,省得下次再写一遍
注意,设为 Flex 布局以后,子元素的float
、clear
和vertical-align
属性将失效。
.box{ display: box; display: -webkit-box; display: -moz-box; // 水平 &.row{ flex-direction: row; } // 垂直 &.column{ flex-direction: column; } // 水平垂直都居中 &.centre{ justify-content: center; }
// 1份 .flex1{ flex: 1; } }
这个IE兼容,稍后再补