html让文字居中的方法：1、给文本所在标签加CSS属性值“text-align:center”；2、在行内标签或行内块级标签中加CSS属性值“text-align:left”。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
两种情况：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>
学习视频分享：css视频教程
以上就是html怎么让文字居中的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
273
