view 加居中 加背景

<p>可以使用以下代码实现：</p>
<style>
  .centered {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
  }
</style>
<div class="centered">
  <!-- 这里放置需要居中和背景的内容 -->
</div>
<p>解释：</p>
<ul>
<li>使用 display: flex; 将容器设置为弹性布局。</li>
<li>使用 justify-content: center; 和 align-items: center; 将内容水平和垂直居中。</li>
<li>使用 background-color: #f2f2f2; 设置背景颜色。</li>
</ul>