如何让div中的文字居中

首先定义一个类名为box的div容器，直接在其内部添加文字

以下代码适用单行文字在容器中居中对齐

.box{

height:50px;

width:50px;

text-align:center;  //设置文字水平居中

line-height:50px;  //设置垂直方向居中

overflow:hidden;  //防止内容超出容器，或者产生自动换行，这样就达不到垂直居中的效果了

}