Yang's Blog

一、块级元素 1. 水平居中 边距margin margin: 0 auto 定位position position: absolute; left:50%; right: 50%; transform: translate(-50%) 浮动 float: left; margin-left: 50%; margin-right: 50%; transform: translate(-50%); flex布局 html{ display: flex; justify-co

使用了display: flex的元素，其子元素，无论块级元素还是行内元素，均变为行内块元素 1. flex-direction 修改元素的排列方向 1.1 row 横向排列，从左侧开始排列 1.2 row-reverse 横向排列，从右侧开始排列 1.3 column 纵向排列，从顶部开始排列 1.4 column-reverse 纵向排列，从底部开始排列 2. flex-wrap 当一行元素不能容下时，是否换行 2.1 nowrap 超出不换行，压缩子元素的大小 .