HTML中文字居中显示

您所在的位置:网站首页 文章标题如何居中 HTML中文字居中显示

HTML中文字居中显示

2024-07-11 15:48| 来源: 网络整理| 查看: 265

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

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

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

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

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

 

    我是文本所在标签1,文本居中显示 

    我是文本所在标签2,文本居中显示 

2)文本被块级标签包裹。为块级标签设置宽度,并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中,可在块级标签加CSS属性值"text-align:center"。 < div   style = "width: 100px; margin:0 auto" >我是文本所在标签,文本居中显示


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3