上海建筑安全协会网站,建筑人才网上传不了论文,阳泉住房与城乡建设厅网站,wordpress163邮件水平垂直居中布局 方案一#xff1a;弹性盒子布局方案二#xff1a;绝对定位 transform方案三#xff1a;margin 绝对定位#xff0c;四个方向为零方案四#xff1a;绝对定位 margin方案五#xff1a;绝对定位 calc 方案一#xff1a;弹性盒子布局
#x1f4a1; T… 水平垂直居中布局 方案一弹性盒子布局方案二绝对定位 transform方案三margin 绝对定位四个方向为零方案四绝对定位 margin方案五绝对定位 calc 方案一弹性盒子布局 Tips子盒子不定宽高
.parent {display: flex;justify-content: center;align-items: center;
}方案二绝对定位 transform
Tips子盒子不定宽高
.son {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
}方案三margin 绝对定位四个方向为零
Tips子盒子不定宽高
.son {margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;
}方案四绝对定位 margin
Tips子盒子定宽高
.son {width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -50px;
}方案五绝对定位 calc
Tips子盒子定宽高
.son {width: 100px;height: 100px;position: absolute;left: calc(50% - 50px);top: calc(50% - 50px);
}