html文章整体居中,HTML如何让文字居中？附两种方式
我们在编写一个网页时，经常需要将文字居中。那么这篇文章小编教你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--编程狮 w3cschool--编程狮
最终效果如下：
我们在编写一个网页时，经常需要将文字居中。那么这篇文章小编教你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--编程狮 最终效果如下：
上一篇：
IDEA上Java项目控制台中文乱码