百分比布局中的居中

2018-06-24 01:59:45来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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;

  

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:16进制颜色识别和搭配规律

下一篇:html的meta总结