前端（vue）入门到精通课程：进入学习

API 文档、设计、调试、自动化测试一体化协作工具：点击使用

本文操作环境：windows7系统、HTML5CSS3版、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文件，例如：index.html。

2、在index.html中的body标签中，填入html代码：

div style="position: absolutetop: 50%left: 50%height: 10%width: 30%margin: -5% 0 0 -15%"123asfafada/div

3、最后，浏览器运行index.html，此时html中的文字被成功垂直水平居中显示。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://outofmemory.cn/zaji/6309909.html