盒模型拓展居中 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; ??????????} ``` 效果：