素材巴巴 > 程序开发 >

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

程序开发 2023-09-03 13:08:24

我们在编写一个网页时,经常需要将文字居中。那么这篇文章小编教你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 官网。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。