怎样将文本居中显示在带有背景颜色的框中？

你可以使用CSS来将文本居中显示在带有背景颜色的框中。以下是一个示例代码：

HTML代码：

<div class="container">
  <p class="centered-text">这是居中的文本</p>
</div>

CSS代码：

.container {
  background-color: #f1f1f1;
  padding: 20px;
}

.centered-text {
  text-align: center;
}

在这个示例中，我们创建了一个带有背景颜色的容器（.container），并在其中放置一个段落元素（.centered-text）。通过将段落元素的text-align属性设置为center，文本将居中显示在容器中。

你可以根据需要调整容器的背景颜色、内边距和文本样式来满足你的需求。