html - 如何放置项目中心

Question

我试图将一个 div 放在另一个 div 的中间，但总是左对齐。我如何轻松做到？

<div>
  <div>
    <p>This I want center</p>
  </div>
</div>

标签： htmlcss

Answer 1

这个问题可以用最简单的谷歌搜索来回答，但最明显的方法是给它们 CSS 类，然后用 CSS 设置它们的样式

 <div class="parent">
  <div class="child">
    <p>Centred</p>
  </div>
</div>

在 CSS 中

  .parent{
      display: grid;
      place-items: center;
      background-color: red;
    }
    .child{
        background-color: blue;
    }