盒模型拓展居中 3.居中 关于居中：主要有2种，一种关于盒子，一种关于文字 水平居中： 使用text-align:center 单行文字的垂直居中，设置line-height的高度和盒子一样高 如果需要设置文本水平垂直都居中 ``` 设置 text-align:center； ine-height;盒子的高度 ``` 代码： ``` div{ width:100px; height:100px; background-color:red; text-align:center; line-height:100px; } <div> <p>你好我是</p> </div> ``` 效果：  <br/> 如果是多行文本设置垂直居中不能使用行高等于盒子高 方法：盒子不设置高度，设置上下相同的padding 属性值 ``` .diva{ width:100px; border:2pxsolidred; text-align:center; padding:30px,0px;           } ``` 效果：