html-css常见问题

162 阅读1分钟

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%宽度和高度。