当前位置:   article > 正文

百分比布局中的居中

百分比布局文字居中

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

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;

  

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

转载于:https://www.cnblogs.com/96weibin/p/7767550.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/460058
推荐阅读