如何在Flexbox列中居中放置元素？

Question

我有一个单页HTML网站。我正在尝试在以下网站上将内容垂直居中放置（以使图像，其下方的文本和两个按钮向下方移动一点）：https://werwichtelt.de

Answer 1

添加到您的main元素

main {
     display: flex;
     align-items: center;
}

Answer 2

这可能有用

main {
    display: flex;
    jutify-content:center;
    width: 100%;
}