百分比布局中的居中
百分比布局 垂直&水平居中的几种方法
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
开通 博客园的 第一天 好开心(*^▽^*)