html中如何让文字居中

这篇文章给大家介绍html中如何让文字居中，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

两种情况：1、文本格式居中；2、文本所在标签居中显示在窗口中。

1、给文本所在标签加CSS属性值"text-align:center"即可。例如：

<p style="text-align:center">我是文本，居中显示</p>

2、有很多种方法，这里介绍两种，例如：

1）（建议）文本应该被 行内标签或行内块级标签 包裹，行内标签或行内块级标签又被 块级标签包裹。此种方式 文本格式 会居中。若想 文本格式 不居中，可在行内标签或行内块级标签中加CSS属性值"text-align:left"或其他。

<div style="text-align:center"> <!-- 块级标签 -->
    <span>我是文本所在标签1，文本居中显示<span> <!-- 行内标签 -->
    <div style="display:inline-block;">我是文本所在标签2，文本居中显示</div> <!-- 行内块级标签 -->
</div>

2）文本被块级标签包裹。为块级标签设置宽度，并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中，可在块级标签加CSS属性值"text-align:center"。

<div style="width: 100px; margin:0 auto">我是文本所在标签，文本居中显示</div>

html是什么

html的全称为超文本标记语言，它是一种标记语言，包含了一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体，html文本是由html命令组成的描述性文本，html命令可以说明文字，图形、动画、声音、表格、链接等，主要和css+js配合使用并构建优雅的前端网页。

关于html中如何让文字居中就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。