## 1.Flex快捷布局方式 >[info] 效果：要使一个子元素在父元素中，上下左右居中排列 > 方法： >[success] ``` > .父元素{ > display: flex; > .子元素 { > margin: auto auto; > } > } > ``` >[info] 效果：要使一个子元素在父元素中，紧贴底部居中排列 > 方法： >[success]``` > .父元素 { > display: flex; > justify-content:center; > align-items:flex-end; > .子元素 { > } > } ```