[分享]css中如何让文字剧中

在网页设计中，我们经常需要让文字居中显示，这时候就需要使用CSS来设置。下面分别介绍如何让文章和段落居中显示，以及如何让代码居中显示。1. 文章居中显示我们可以使用textalign属性来实现文章居中...

在网页设计中，我们经常需要让文字居中显示，这时候就需要使用CSS来设置。下面分别介绍如何让文章和段落居中显示，以及如何让代码居中显示。
1. 文章居中显示
我们可以使用text-align属性来实现文章居中显示：

p {
  text-align: center;
} 

这样，所有使用p标签的段落文字就会在居中显示。
2. 段落居中显示
有时候，我们需要让某一段文字居中显示，而不是整篇文章。那么，我们可以在该段文字所处的p标签中使用text-align来实现：

<p style="text-align: center;">这段文字将会居中显示。</p> 

3. 代码居中显示
如果我们想让代码居中显示，我们需要在pre标签中使用text-align属性来实现：

pre {
  text-align: center;
} 

这样，pre标签中的代码就会在居中显示。
总结
通过使用CSS的text-align属性，我们可以轻松实现居中显示。在文章和段落中，我们使用p标签，并在其中加入text-align: center属性，即可将文字居中显示。对于代码，我们使用pre标签，并在其中加入text-align: center属性，就可以让代码居中显示了。