让子盒子在父盒子中垂直居中的五个方法

一、用padding实现 1.padding-top = (父盒子的高度 – 子盒子的高度) / 2 2.padding-left = (父盒子的宽度 – 子盒子的宽度) / 2 3.由于padding会撑大盒子,所以父盒子的宽高要减去对应的padding值 盒子居中联系 /* 大盒子300*300,小盒子150*100,怎么使小盒子在大盒子里面居中 */ .dad { /* 300-75=225 */ width: 225px; /* 300-100=200 */