百分比布局中的居中

百分比布局垂直&水平居中的几种方法

1.以em/rem设置宽度和高度
父级设置 width:5rem; height:5rem; text-align:center;
子集设置 line-height:5rem;
2.利用trunsform
父级设置 width:5rem; height:5rem; position:relative
子集设置 position:absolute; top:50%;left50%; transform:translate(-50%,-50%);
3.高版本浏览器
父级设置 display-flex; justify-content:center; align-items:center;

4.子集为inline-block则父级设置 text-align:center