[分享]css中怎么让text居中

CSS样式中，让text居中是一件很常见的事情。下面是几种常用的方法。 textalign: center; 这种方法适用于需要让text内容居中的盒子的元素为块级元素的情况。可以使用textali...

CSS样式中，让text居中是一件很常见的事情。下面是几种常用的方法。

 text-align: center; 

这种方法适用于需要让text内容居中的盒子的元素为块级元素的情况。可以使用text-align属性，将其取值设为center来实现居中效果。

 display: flex;
  justify-content: center;
  align-items: center; 

这种方法需要将居中的元素设为flex布局。使用justify-content和align-items属性，将其取值都设为center，就能实现水平和垂直居中。

 margin: auto; 

这种方法同样需要将居中的元素设为块级元素。使用margin属性，将margin-left和margin-right都设为auto，就能达到水平居中的效果。

总体来说，居中text的方法多种多样，根据不同的场景和需求选择不同的方法就好了。