css中怎样将多行文字放中间

在网页开发中，我们经常需要将一段多行文字居中显示。那么在CSS中，我们该怎么做呢？下面就来介绍一下。
首先，我们可以将文字放在一个p标签中，如下所示：

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam commodo pulvinar sem, ac venenatis quam ornare in. Aenean congue nisi non tellus ullamcorper, ac posuere quam aliquet. Sed euismod velit in lorem ultricies, non sodales sapien ullamcorper. Sed euismod, purus nec tristique bibendum, nibh orci pretium orci, quis eleifend mauris dolor eget justo. Integer gravida, nulla sed aliquam congue, mi sapien interdum ipsum, vel feugiat mi velit vel ex. </p> 

接下来，我们需要将p标签的宽度设置为100%。这样，无论p标签在页面中的位置如何，它始终会占满整个屏幕宽度。

p {
  width: 100%;
} 

然后，我们将p标签的文本对齐方式设置为居中对齐。

p {
  width: 100%;
  text-align: center;
} 

此时，我们会发现虽然文字已经居中了，但是每行文字之间的间距还是很大，不美观。为了解决这个问题，我们可以设置p标签的行高。

p {
  width: 100%;
  text-align: center;
  line-height: 1.5;
} 

最后，如果我们想代码还原得更好看一些，我们可以使用pre标签包裹代码。

<pre>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam commodo pulvinar sem, ac venenatis quam ornare in. Aenean congue nisi non tellus ullamcorper, ac posuere quam aliquet. Sed euismod velit in lorem ultricies, non sodales sapien ullamcorper. Sed euismod, purus nec tristique bibendum, nibh orci pretium orci, quis eleifend mauris dolor eget justo. Integer gravida, nulla sed aliquam congue, mi sapien interdum ipsum, vel feugiat mi velit vel ex. </p> 

这样，我们就成功将多行文字居中显示，并且代码也更加美观了。