css常用的布局属性

1、弹性布局中，使子元素之间成等比排列（如果元素只有2个，则呈现出两端对齐）

div { display: flex; justify-content:space-between; }

 

2、使文字上下居中，左右居中的方式  参考：链接

单行：

<div class="box2" style="width:150px;height:100px;line-height: 100px;text-align: center;">文本垂直水平居中</div>

多行：

display: flex;
flex-direction: column;        /*元素的排列方向为垂直*/
justify-content: center;    /*水平居中对齐*/
align-items: center;        /*垂直居中对齐*/