flex布局相关

flex布局相关

一. 自己封装的NavBar中间部分不水平居中

1.1 怎么固定左右让中间自适应

• 左右设置固定宽度然后中间flex: 1;

• 前提是父元素是display: flex;

1.2 使用flex: 1;或者width: 100%;

二. 居中对齐

{
  justify-content: center; // 水平居中对齐
  -webkit-box-align: center;
  width: 18px;
  align-items: center; // 垂直居中居中对齐
}

阮老师的flex笔记