CSS字體居中實現DIV

div{
width: 200px; /*設定DIV寬度*/
height: 50px; /*設定DIV高度*/
line-height: 50px; /*設定行高*/
text-align: center; /*設定文本水平居中*/
font-size: 24px; /*設定字體大小*/
font-family: Microsoft YaHei; /*設定字體*/
border: 1px solid black; /*設定邊框*/
margin: 0 auto; /*設定外邊距，使DIV居中*/
}

上述代碼中，line-height屬性設定了行高，使文字垂直居中。text-align屬性設定了文本水平居中。同時，margin屬性也使用了auto，使DIV在水平方向自動居中。通過這些CSS屬性的組合，就能輕松實現DIV居中的效果。