下面介绍关于html元素水平居中的几种方式
1、对于行内元素采用text-align:center的方式
2、采用margin:0 auto来实现水平居中显示
3、用table实现
4、块级的元素但是通过转换成行内元素来实现块级元素的水平居中显示
5、父子元素都采用相对定位，父元素left:50%子元素left:-50%相对自己的长度减回50%，这样实现向右偏移后拉回多的部分
6、采用css3的flexbox，display:flex
7、用父元素的 display:relative直接采用position:absoluteleft:0right:0margin:auto来实现水平以居中
下面是讲解的具体的代码：
l让文字居中的方法：1、给文本所在标签加CSS属性值“text-align:center”；2、在行内标签或行内块级标签中加CSS属性值“text-align:left”。前端（vue）入门到精通课程：进入学习
API 文档、设计、调试、自动化测试一体化协作工具：点击使用
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
两种情况：1、文本格式居中；2、文本所在标签居中显示在窗口中。
1、给文本所在标签加CSS属性值"text-align:center"即可。例如：
2、有很多种方法，这里介绍两种，例如：
1）（建议）文本应该被 行内标签或行内块级标签 包裹，行内标签或行内块级标签又被 块级标签包裹。此种方式 文本格式 会居中。若想 文本格式 不居中，可在行内标签或行内块级标签中加CSS属性值"text-align:left"或其他。
2）文本被块级标签包裹。为块级标签设置宽度，并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中，可在块级标签加CSS属性值"text-align:center"。
1、在准备编辑HTML网页之前，先了解一下HTML代码的基础知识。
学习不同标签，你可以使用它们改变字号或者文本格式。比如在括号内的“b”用来把字体加粗。“i”用来表示斜体字。在代码中不要包括引号。
练习使用配对标签。大多数格式标记需要两个标签，分别在文本的开头和结尾。第一个标签将包括标签括号内（<>）的字母和符号。第二个标签将包括一个反斜线，并位于标签之前。例如，在加粗的文本开头的括号内插入“b”，并在文本结尾的括号内插入“/b”。
2、找出在网页中想要居中的文本。
3、在文本开头之前的括号内插入标签“center”。不要在标签和文本之前包括空格。
4、在文本结尾后的括号内插入“/center”。不要包括空格。
5、保存你的网页。浏览网页看看文本是否按要求对齐。
如果没有改变文本的对齐方式，那么需要运用一个程序，比如HTML5这样使用CSS而不是HTML代码的程序。试试用第二种方法来正确的对齐文本。
