html-css常见问题
记住,打工才是王道,我们都要做打工人。人可以一天不吃饭,但不能一天不打工。打工让我们身心愉悦,节假日是掏空我们的身体。别睡了,打工仔,起床打工吧。
div居中常用方法
1、外边距margin直接居中
margin: 0 auto;
2、绝对居中:先给div添加绝对定位,并设置上下左右边距为0或者相等,然后使用margin:auto
自动居中
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
3、利用flex水平垂直居中
display:flex;
justify-content:center;
align-items:center;
4、定位+变形=>居中
给父元素添加 position: relative;
相对定位。
给自身元素添加position: absolute;
绝对定位。
top: 50%;
使自身元素距离上方“父元素的50%高度”的高度。
left: 50%;
使自身元素距离上方“父元素的50%宽度”的宽度。
transform: translate(-50%,-50%);
使自身元素再往左,往上平移自身元素的50%宽度和高度。