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

方法一、

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

w3cschool--编程狮

w3cschool--编程狮

w3cschool--编程狮

w3cschool--编程狮

最终效果如下:

9839d0724a7ba7e339c0b19d7fb388fa.png

方法二、div内文字居中

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

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

div{

height: 200px;

width:200px;

background-color: #dea46b;

text-align: center;

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

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

}

w3cschool--编程狮

8cd32cfa1bfb56dd9dbe9d351c559640.png

最终效果如下:

961774324303e02c582c46bedb5826de.png

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐