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 >

---