百分比布局中的居中

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

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

  开通 博客园的 第一天 好开心(*^▽^*)

posted @ 2017-11-01 17:31  清汤不加辣  阅读(325)  评论(0编辑  收藏  举报