[分享]css中怎么把字体居中显示

在CSS中，想要将字体居中显示，需要设置文字所在元素的文本对齐方式。常用的属性值为textalign:center。例如，在使用p标签创建一个段落时，可以在CSS中设置如下代码：pre { backg...

在CSS中，想要将字体居中显示，需要设置文字所在元素的文本对齐方式。常用的属性值为text-align:center。
例如，在使用p标签创建一个段落时，可以在CSS中设置如下代码：
pre {
background-color: #f4f4f4;
padding: 20px;
font-family: Consolas, monospace;
font-size: 1.2em;
text-align: center;
}
这样设置后，整个段落中的文字都会被居中显示。需要注意的是，text-align属性会将元素内所有内容居中对齐，包括文字、图片、表格等。
另外，如果想要单独将文本内容进行居中，可以使用display: table;和margin: 0 auto;属性来实现。具体代码如下：
pre {
background-color: #f4f4f4;
padding: 20px;
font-family: Consolas, monospace;
font-size: 1.2em;
display: table;
margin: 0 auto;
}
这样设置后，仅文本内容会被居中显示，而其他内容则保持原来的位置不变。
总之，在CSS中想要将文字居中显示，可以通过设置文本对齐方式或使用display和margin来实现。