div上下居中怎么设置
2个回答
展开全部
第一种方式,知道自己高度,知道容器高度,用margin-top,margin-left设置居中。
第二种方式,知道自己高度,知道容器高度,设置成position:relative;用margin:0 auto;实现左右居中,用margin-top实现上下居中。
第三种方式;position:absolute;的情况,用top,left,bottom,right距离来设置居中,前提也是知道容器高度和自己高度。
第四种方式,用弹性容器来居中。这种情况一般是不自动换行,只有一行的居中情况。
display:flex;display:-webkit-flex;/*纵向对齐方式:居中*/align-content:center;-webkit-align-content:center;
第二种方式,知道自己高度,知道容器高度,设置成position:relative;用margin:0 auto;实现左右居中,用margin-top实现上下居中。
第三种方式;position:absolute;的情况,用top,left,bottom,right距离来设置居中,前提也是知道容器高度和自己高度。
第四种方式,用弹性容器来居中。这种情况一般是不自动换行,只有一行的居中情况。
display:flex;display:-webkit-flex;/*纵向对齐方式:居中*/align-content:center;-webkit-align-content:center;
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询