CSS 文字在div中顯示在中心位置

//CSS3

.text-div-center {
      display: -moz-box;/*兼容Firefox*/
      display: -webkit-box;/*兼容FSafari、Chrome*/

      -moz-box-align: center;/*兼容Firefox*/
      -webkit-box-align: center;/*兼容FSafari、Chrome */

      -moz-box-pack: center;/*兼容Firefox*/
      -webkit-box-pack: center;/*兼容FSafari、Chrome */

      width: 200px;
      height: 200px;
}

<div class="text-div-center" >北</div>

在使用CSS 1.0或CSS 2.0的時候，在div元素內部直接放置文字，如果想讓文字垂直居中，直接使用text-align屬性就可以了，但若要讓文字垂直居中，由於div元素是不能使用vertical-align屬性的，所以就很難做到了。在CSS 3中，只要讓div元素使用box-align屬性（排列方向默認爲horizontal）,文字就可以垂直居中了。