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

html-css026

怎样让html中的文字垂直水平居中显示,第1张

文字的垂直水平居中需要设置几个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

望采纳