html中如何让文字居中

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

通江网站建设公司创新互联,通江网站设计制作，有大型网站制作公司丰富经验。已为通江近1000家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的通江做网站的公司定做！

两种情况：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中如何让文字居中就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

网站标题：html中如何让文字居中
本文地址：https://www.cdcxhl.com/article10/gsisdo.html

成都网站建设公司_创新互联，为您提供品牌网站制作、网站制作、手机网站建设、App设计、定制网站、营销型网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联