这个问题好像是面试必问的!以前会时不时提问,给基本的分题。
1.配置
盒子的宽度和高度是已知的,
位置:绝对;
左:50%;
top:50%;
左边距:-自身宽度的一半;
***rgin-top:-自身高度的一半;
2.表格单元格布局
父显示:表格单元;垂直对齐:居中;
子边距:0自动;
3.定位+改造;
适用于宽度和高度不规则的分箱;(常用方法)
位置:相对/绝对;
top:50%;
左:50%;
transform: translate(-50%,-50%);
注意这里开始3D硬件加速,会增加功耗。
4.灵活布局
家长:
显示器:flex
对齐-项目:居中;/*垂直居中*/
justify-content:居中;/*水平居中*/
感谢收看本期Q程序员,最后别忘了喜欢和关注!有问题可以留言讨论。
本文来自清杉投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/645936.html