7-一些盒子居中问题

一、两个块级盒子嵌套,如何让小盒子在大盒子里面居中:

水平居中:

①、给小盒子添加: margin: 0 auto;

②、给小盒子添加:margin-left: 大盒子剩余距离一半。

垂直居中:

①、使用margin

 

二、块级盒子里面嵌套行内元素或者行内块元素:

水平居中:

①、给大盒子添加; text-align: center;

②、使用padding。(块级盒子里面有文字时)

垂直居中:

①、line-height

posted @ 2021-01-10 18:58  Y字仇杀队  阅读(52)  评论(0编辑  收藏  举报