百分比布局中的置中，百分比布局置中

百分比布局中的置中，百分比布局置中

百分比布局   垂直&水平置中的幾種方法  

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;

　　

　　開通 部落格園的 第一天 好開心(*^▽^*)