CSS中，將元素居中是一個常見的需求，對于寬度和高度不同的元素，可以使用CSS的transform屬性來實(shí)現(xiàn)居中，以下是一個示例：

HTML代碼：

<div class="container">
  <div class="content">
    <p>這是一段居中的文本內(nèi)容。</p>
  </div>
</div>

CSS代碼：

.container {
  position: relative;
  height: 200px;
  width: 300px;
}
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在這個示例中，我們首先將容器元素設(shè)置為相對定位，然后給容器元素一個高度和寬度，我們將內(nèi)容元素設(shè)置為***定位，并將其top和left屬性設(shè)置為50%，這將使內(nèi)容元素的左上角位于容器的中心，我們使用transform屬性將內(nèi)容元素向右和向下移動50%，從而實(shí)現(xiàn)居中效果。

需要注意的是，這種方法只適用于CSS3支持較好的瀏覽器，如果需要兼容老版本的瀏覽器，可能需要使用其他方法來實(shí)現(xiàn)居中效果。