我们在编写一个网页时,经常需要将文字居中。那么这篇文章小编教你HTML如何让文字居中。

方法一、

居中标签中可以直接添加align="center"样式,使文字居中。具体代码如下:

w3cschool--编程狮

w3cschool--编程狮

w3cschool--编程狮

w3cschool--编程狮

最终效果如下:

方法二、div内文字居中

如果想要令 div 内的文字居中显示,则需要通过设置文字的行高进行设置。具体代码如下:

w3cschool - 编程狮,随时随地学编程

div{

height: 200px;

width:200px;

background-color: #dea46b;

text-align: center;

line-height: 200px;/*文字水平居中*/

margin:auto;/*div水平居中*/

}

w3cschool--编程狮

最终效果如下:

以上就是HTML如何让文字居中的全部内容。更多HTML的学习请关注 W3Cschool 官网。

更多推荐

html的p标签内容居中,HTML如何让文字居中?附两种方式