css中怎么让内容居中显示

在HTML和CSS中，让内容按照期望的方式居中是一个非常重要的问题。CSS提供了许多不同的方法，可以让项目居中显示：水平和垂直居中，文本、图像或者整个元素的居中，都可以完成。下面我们来看看几种实现方式。
1. 水平居中
要让一个元素水平居中，可以通过设置margin属性的值为"auto"来完成。具体做法如下：

css
p {
  width: 300px;
  margin: 0 auto;
} 

这样，即便p元素的父元素的宽度有所改变，p元素也会保持在居中的位置。
2. 垂直居中
要垂直居中一个元素，可以使用绝对定位和负margin。具体方法如下：

html
<div class="container">
  <p>I'm vertically centered.</p>
</div> 

css
.container {
  position: relative;
  height: 300px;
}

p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
} 

这样设置了之后，就可以实现一个在盒模型中垂直居中的元素。其中，`transform`属性被用来平移元素本身的50%高度，从而实现垂直居中功能。
3. 文字内容的居中
要让文本居中显示，可以通过text-align属性来完成。具体做法如下：

css
p {
  text-align: center;
} 

这样设置之后，该段落内的任何文本都将对齐到段落的中央位置。
4. 图像居中
如果想让图像水平和垂直居中，可以采用背景图像和background-position属性。具体做法如下：

html
<div class="container">
  <div class="bg"></div>
</div> 

css
.container {
  position: relative;
  height: 300px;
}

.bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(image.jpg) no-repeat;
  background-position: center center;
  transform: translate(-50%,-50%);
} 

这里将一个图像作为一个div元素的背景，并将其水平和垂直居中。
以上就是关于CSS中如何让内容居中显示的几种方法。需要注意的是，每种方法适用于不同的情况，所以在使用时需要根据实际情况进行选择。