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

CSS中如何让文字居中想要让文字在网页中居中显示，使用CSS是非常方便的方法。以下是几种让文字居中的CSS方法：1. 文字在块级元素中居中将文字放在块级元素中，通过设置元素的margin属性来使文字水...

CSS中如何让文字居中
想要让文字在网页中居中显示，使用CSS是非常方便的方法。以下是几种让文字居中的CSS方法：
1. 文字在块级元素中居中
将文字放在块级元素中，通过设置元素的margin属性来使文字水平和垂直都居中。例如：

<p style="text-align:center; display:table-cell; vertical-align:middle;">这里是居中显示的文字</p> 

在这里，我们使用了`text-align:center`来让文本水平居中，以及`display:table-cell`和`vertical-align:middle`来使文本垂直居中。
2. 让行内元素的文本居中
将文本放在行内元素中，可以使用`text-align:center`来让文本水平居中。例如：

<span style="display:inline-block; text-align:center;">这里是居中显示的文字</span> 

这里，我们使用了`display:inline-block`来让元素变成块级元素，这样就可以设置`text-align:center`让文本水平居中。
3. 将块级元素居中
将块级元素居中需要使用`margin`属性，并且需要知道元素的宽和高。例如：

<pre style="width:300px; height:150px; margin:auto; text-align:center;">这里是居中显示的文字

这里，我们使用了`width`和`height`属性来设置元素的宽和高，然后使用`margin:auto`来使元素水平居中。
以上是CSS中几种让文字居中的方法，根据实际需求选择合适的方法即可。