css 如何在外部分割内部垂直居中对齐内部分割

drkbr07n 于 2023-01-06 发布在其他

关注(0)|答案(2)|浏览(119)

假设有一个id=“innerDivision”的内分区，有一个id=“outerDivision”的外分区，外分区包围内分区，如何将内分区在外分区内部垂直居中对齐？
4.我试过了，但没有得到答复。请告诉妈妈答案

来源：https://stackoverflow.com/questions/74996863/how-to-center-align-the-inner-division-vertically-inside-the-outer-division

2条答案

按热度按时间

iqxoj9l91#

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

#innerDivision {
  background-color: red
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Browser</title>
</head>
<body>
    <div id="outerDivision">
        <div id="innerDivision">
            <span>innerDivision</span>
        </div>
    </div>
</body>
</html>

赞(0）回复(0）举报 2023-01-06

des4xlb02#

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

#innerDivision {
  background-color: red
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Browser</title>
</head>
<body>
    <div id="outerDivision">
        <div id="innerDivision">
            <span>innerDivision</span>
        </div>
    </div>
</body>
</html>

赞(0）回复(0）举报 2023-01-06

我来回答

css 如何在外部分割内部垂直居中对齐内部分割

2条答案

相关问题

热门标签

最新问答