-
使用绝对定位和translate
1 原理:位移取值为百分比数值,参照盒子自身尺寸计算移动距离 2 核心代码 position:absolute;//子绝父相 left:50%; top:50%; transform:translate(-50%,-50%);
- 使用绝对定位和margin
position:absolute;//子绝父相 left:50%; top:50%; /*margin*/ margin-left:-100px; margin-top:-50px; width:200px; height:100px;
-
使用flex布局
display:flex; justify-content: center; align-items: center;
不定宽高的div水平垂直居中
于 2022-10-23 20:45:05 首次发布