首先定义一个类名为box的div容器,直接在其内部添加文字
以下代码适用单行文字在容器中居中对齐
.box{
height:50px;
width:50px;
text-align:center; //设置文字水平居中
line-height:50px; //设置垂直方向居中
overflow:hidden; //防止内容超出容器,或者产生自动换行,这样就达不到垂直居中的效果了
}
首先定义一个类名为box的div容器,直接在其内部添加文字
以下代码适用单行文字在容器中居中对齐
.box{
height:50px;
width:50px;
text-align:center; //设置文字水平居中
line-height:50px; //设置垂直方向居中
overflow:hidden; //防止内容超出容器,或者产生自动换行,这样就达不到垂直居中的效果了
}