1.盒子居中
可以使用auto进行控制盒子居中。
让一个盒子居中的条件：
必须是块级元素
盒子需要指定宽度
2.案例
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 div { 8 text-align: center;/*让盒子中的内容（文字，行内元素，行内块元素）居中对齐*/ 9 width: 500px; 10 height: 400px; 11 background-color: pink; 12 margin: 0 auto; /*auto可以让盒子水平居中*/ 13 /*margin-left: auto; */ /*auto可以让盒子靠右边*/ 14 } 15 </style> 16 </head> 17 <body> 18 <div> 19 认识很久了 20 </div> 21 </body> 22 </html>
3.效果
4.