代码人生

现在是科技信息时代,如果你不奋斗努力,那么你就会被时代所抛弃!

« 1024剩余的小目标创建博客详解 »

HTML中文字居中显示

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

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

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

2、有很多种方法,这里介绍两种,例如:

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

1
2
3
4
<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"。

1
<div style="width: 100px; margin:0 auto">我是文本所在标签,文本居中显示</div>
  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 100427

版权 © 2019 zhuanglicheng 版权所有。| 黑ICP备19006328号-1