html让文字居中

您所在的位置:网站首页 如何让html居中 html让文字居中

html让文字居中

#html让文字居中| 来源: 网络整理| 查看: 265

html让文字居中的方法:1、给文本所在标签加CSS属性值“text-align:center”;2、在行内标签或行内块级标签中加CSS属性值“text-align:left”。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

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

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

1

我是文本,居中显示

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

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

1

2

3

4

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

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

2)文本被块级标签包裹。为块级标签设置宽度,并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中,可在块级标签加CSS属性值"text-align:center"。

1

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

学习视频分享:css视频教程

以上就是html怎么让文字居中的详细内容,更多文章请关注木庄网络博客!



【本文地址】


今日新闻


推荐新闻


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