网站设计公司要多少钱,wordpress 图书,linux是哪个公司开发的,开发app流程水平垂直居中布局 方案一#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);
}
