CSS让父盒子里的内容水平、垂直居中的写法
第一种:使用margin的方法 第一种方法是使用margin来使子盒子居中,但是这种方法会有一定的缺陷:需要给父盒子一个 overflow: hidden属性来清除塌陷,而且还需要精确计算上下的边距 如果父盒子改变大小,则还需重新计算大小 <style> /* 第一种 使用margin来使父盒子里边的内容居中 缺点:需要给父盒子一个 overflow: hidden属性来清除塌陷,且还需要精确计算上下的边距 如果盒子改变大小,则还需重新计算大小 */ .father { width: 500px; height: 500px; background-color: pink; overflow: hidden; } .son { width: 200px; height: 200px; margin: 150px auto; background-color: purple; } </style> <body> <div class="father"> <div class="son"></div> </d....