css字体居中怎么设置

html-css023

css字体居中怎么设置,第1张

css可以通过将text-align属性值设为center实现字体居中。

text-align语法:

text-align : left | right | center | justify

text-align参数值与说明:

left : 左对齐

right : 右对齐

center : 居中

*justify : 两端对齐(不推荐使用,通常大部分浏览器不使用)

我们对text-align常用的参数值为left、right、center

text-align功能说明:

设置或检索对象中文本的左中右对齐方式。

01

先写上html代码,如图,内容很简单,就是一个div里有一段文本。

02

再写上div对应的样式,如图,这里只设置了div的边框和高度,宽度。

03

如果这里显示的话,我们看下页面,文本是不会水平居中和垂直居中的。

04

要让文本水平居中,我们可以添加样式:text-align: center

要让文本垂直居中,我们可以添加样式: vertical-align: middle和display: table-cell

05

添加完这几个样式后,刷新页面可以看到现在的文本已经可水平居中和垂直居中了。