盒子水平居中 方法給目標元素設置margin:自定義值 auto; 盒子垂直居中 父盒子不設置高度 而設置 上下padding 左右為0 <br/> <br/> 如果設置盒子上下左右都居中 首先子盒子設置margin:0 auto; 父盒子不設置高度，而設置上下padding值 左右為0； <p style="color:red">工作中真正設置垂直居中使用的定位，很少使用padding去擠高度。 </p> 代碼： ``` <style> *{ padding: 0; margin: 0; } div{ width:300px; padding:50px 0px; background-color: cadetblue; } p{ width:100px; height:100px; background-color:crimson; margin: 0 auto; } </style> <div> <p></p> </div> ``` 效果：