怎样让html中的文字垂直水平居中显示

文字的垂直水平居中需要设置几个CSS样式来实现：

例如代码为：

<div class=box>

<span>这里是要实现垂直居中的文字<span>

</div>

CSS代码应该这样写

.box {

    width:25px

    height:400px

    text-align:center

}

.box span

{

font-size:20px

}

效果图：

首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0 auto，这样即可让对应div水平居中。

实例讲解div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“.div”在html中div标签内使用class=“div”,设置其宽度为400px高度为100px，边框为红色。以便我们观察效果。

给page_w li的样式添加2句样式属性。float:left可以不用

.page_w ul{white-space:nowrap}

.page_w ul li{display:inlinetext-align:center}

如果还是没解决，再给li添加2个属性：

width:数值px

float:left

望采纳

---