html怎么设置文字居中对齐
程序员文章站
2022-03-11 17:53:10
...
html设置文字居中对齐的方法是，给段落文字添加text-align属性，并且设置属性值为center即可，例如【h1 {text-align:center}】。text-align属性指定了元素文本的水平对齐方式。
本文操作环境：windows10系统、html 5、thinkpad t480电脑。
要把文本设置成居中对齐，只需要借助于text-align属性即可。也许有些刚刚接触编程的小伙伴还不太了解text-algin属性，不明白它有什么用处，下面我就来为大家简单介绍下该属性。
text-align属性指定元素文本的水平对齐方式。
常用属性值如下：
left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。
代码演示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(php.cn)</title>
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>
运行结果如下显示：
相关视频分享：html视频教程
以上就是html怎么设置文字居中对齐的详细内容，更多请关注其它相关文章！
下一篇： html为什么看不到php代码
推荐阅读
-
WPS文字怎么设置页面如分隔符、背景、页面边框等等
-
这里的大括号怎么看都没发现图片，又没发现文字{}，到底怎么弄出来的呢？_html/css_WEB-ITnose
-
如何设置网页中的一段文字，使它的宽度是页面宽度的62%且能自动换行？_html/css_WEB-ITnose
-
CSDN-markdown编辑器怎么设置图片大小 图片居中
-
AE CS6怎么设置文字倾斜角度? ae倾斜字体的制作技巧
-
js获取input长度并根据页面宽度设置其大小及居中对齐_javascript技巧
-
div中有一个marquee标签，marquee中有滚动显示的文字，如何让文字在div中垂直居中从右向左滚动显示？_html/css_WEB-ITnose
-
word表格中怎么设置文字所在的位置?
-
js获取input长度并根据页面宽度设置其大小及居中对齐_javascript技巧
-
叕叕又升级啦！PDF文档管理控件Aspose.PDF 11月新更！支持居中对齐输出HTML