css 如何对齐另一个分格的分格中心?[已关闭]

6mw9ycah  于 2023-01-06  发布在  其他
关注(0)|答案(2)|浏览(112)

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
昨天关门了。
Improve this question
如何在"outerDivision"分区内,将id="innerDivision"分区垂直居中对齐?
我曾尝试使用:

#outerDivision {
  display:flex;
  align-items: center;
}
#innerDivision {
  align-self: center;
}
eeq64g8w

eeq64g8w1#

我使用了widthheightbackground使它可见。

#outerDivision {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100vh;
  background: red;
}

#innerDivision {
  width: 100px;
  height: 100px;
  background: blue;
}
<div id="outerDivision">
  <div id="innerDivision">
  </div>
</div>
scyqe7ek

scyqe7ek2#

#outerDivision {
  display: flex;
  background-color: gray;
  flex-direction: column;
  justify-content: center;
  height: 100px;
}

#innerDivision {
  background-color: red
}
<div id="outerDivision">
  <div id="innerDivision">
    <span>innerDivision</span>
  </div>
</div>

相关问题