综合百科

html设置文字居中对齐的方法

html设置文字居中对齐的方法是,给段落文字添加text-align属性,并且设置属性值为center即可,例如【h2 {text-align:center}】。text-align属性指定了元素文本的水平对齐方式。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

要把文本设置成居中对齐,只需要借助于text-align属性即可。也许有些刚刚接触编程的小伙伴还不太了解text-algin属性,不明白它有什么用,下面我就来为大家简单介绍下该属性。

text-align属性指定元素文本的水平对齐方式。

常用属性值如下:

  • left 把文本排列到左边。默认值:由浏览器决定。

  • right 把文本排列到右边。

  • center 把文本排列到中间。

  • justify 实现两端对齐文本效果。

  • inherit 规定应该从父元素继承 text-align 属性的值。

代码演示:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>亿速云(php.cn)</title><style>h2{text-align:center}h3{text-align:left}h4{text-align:right}</style></head><body><h2>Thisisheading1</h2><h3>Thisisheading2</h3><h4>Thisisheading3</h4></body></html>

运行结果如下显示: