我们在编写一个网页时，经常需要将文字居中。那么这篇文章小编教你HTML如何让文字居中。
方法一、<p></p>标签和<h></h>居中
<p></p>标签和<h></h>标签中可以直接添加align=”center”样式，使文字居中。具体代码如下：
<body>
<p align="center">w3cschool--编程狮</p>
<h1 align="center">w3cschool--编程狮</h1>
<h2 align="center">w3cschool--编程狮</h2>
<h6 align="center">w3cschool--编程狮</h6>
</body>最终效果如下：
方法二、div内文字居中
如果想要令 div 内的文字居中显示，则需要通过设置文字的行高进行设置。具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>w3cschool - 编程狮，随时随地学编程</title>
<style type="text/css">
div{
height: 200px;
width:200px;
background-color: #dea46b;
text-align: center;
line-height: 200px;/*文字水平居中*/
margin:auto;/*div水平居中*/
}
</style>
</head>
<body>
<div class="box3">w3cschool--编程狮</div>
</body>
</html>
最终效果如下：
以上就是HTML如何让文字居中的全部内容。更多HTML的学习请关注 W3Cschool 官网。
声明：小猿资源站是一个资源分享和技术交流平台，本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
