CSS中text-align:center不能居中

html-css013

CSS中text-align:center不能居中,第1张

text-align:center

<CENTER>

您可能会认为

text-align:center

<CENTER>

元素的作用一样,但实际上二者大不相同。

<CENTER>

不仅影响文本,还会把整个元素居中。text-align

不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。

可以使用“text-align:center”是文本居中。

1、新建html文档,在body标签中添加div标签,然后在div标签中添加文字:

2、为div标签设置宽高和边框css样式,这时默认情况下文字靠左对齐:

3、为div添加“text-align:center”,其中“text-align”指的是文本对齐方式,“center”指的是居中对齐,这时文本就会居中对齐: