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

在CSS中，要想让字体居中显示文字，可以通过textalign和lineheight属性来实现。首先，textalign属性用于设置文本内容在盒子中水平对齐方式，它可以被应用于块级元素和表格元素。我们...

在CSS中，要想让字体居中显示文字，可以通过text-align和line-height属性来实现。
首先，text-align属性用于设置文本内容在盒子中水平对齐方式，它可以被应用于块级元素和表格元素。我们可以将其设置为center，这样文本就会水平居中显示。代码如下：

p {
  text-align: center;
} 

其次，要使文本垂直居中，可以使用line-height属性。这个属性指定了行框的最小高度，因此我们可以将它的值设置为与盒子高度相等，从而实现文本垂直居中。代码如下：

p {
  text-align: center;
  line-height: 100px; /*这里的值根据盒子高度来设置*/
} 

需要注意的是，当盒子高度发生变化时，line-height也需要相应地调整。
除了以上方法，我们还可以使用display:flex来实现字体居中。这个属性可以使元素按照一定比例分配空间，从而实现文本居中。代码如下：

.container {
  display: flex;
  justify-content: center; /*水平居中*/
  align-items: center; /*垂直居中*/
} 

以上是实现字体居中显示文字的几种方式，具体应用时根据实际情况选择最合适的方法即可。