[分享]css3文本怎么居中

今天我们来讲一下在CSS3中如何让文本居中。首先，在HTML中我们可以使用p标签来书写段落。但是，如果我们想让段落中的文字居中，我们需要使用CSS3来实现。 在CSS3中，我们可以使用textalig...

今天我们来讲一下在CSS3中如何让文本居中。首先，在HTML中我们可以使用p标签来书写段落。但是，如果我们想让段落中的文字居中，我们需要使用CSS3来实现。
在CSS3中，我们可以使用text-align属性来控制文本的对齐方式。默认情况下，text-align属性值为左对齐。如果我们想要让文本居中，我们可以把text-align属性值设置为center。
下面是一个示例代码：

p {
  text-align: center;
} 

上面的代码将所有p标签中的文本都居中显示。如果我们只想让特定的p标签居中，我们可以给该p标签添加一个class属性，并将CSS代码写入到该class中。

p.center {
  text-align: center;
} 

上面的代码将只针对class为center的p标签进行居中处理。
除了text-align属性外，我们还可以使用display属性和margin属性来让文本居中。使用display属性值为inline-block时，我们可以将元素设为块级元素的同时让文本内部居中。而使用margin属性时，我们可以设置该元素的左右外边距为auto，并将元素设为块级元素，同样可以将文本居中。

p.center {
  text-align: center;
  display: inline-block;
}
<br>
p.center {
  margin: 0 auto;
  display: block;
} 

以上就是在CSS3中让文本居中的几种方式。还有其他方式可以实现这一效果，大家可以根据需要来选择使用。