我能'；不知道如何使用CSS和HTML将每一个div元素放置在中间的每一个中间。 就像标题所说的，我试图为网站创建一个粗略的布局，我不仅想把每一个单词都集中在它们原来的位置上，而且要把它们放在中间。当我使用转换并把单词放在页面中间时，H1元素不会移动，但是P元素继续向下移动页面，而不是用新的行来调整它。有什么建议吗 <div class="left-side" > <h1>Welcome.</h1> <p>I want to welcome you!</p> </div> <div class="right-side"> <h1>Corey Michaud.</h1> <p>Corey is my name :)</p> </div>

您想使用css flexbox。加

.left side、.right side{
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
}

---

希望这是有帮助的

您想使用css flexbox。加

.left side、.right side{
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
}

---

希望这是有帮助的

您希望在父级中垂直和水平居中放置

h1

和

p

，对吗？是的！水平居中很容易，但垂直对齐：居中或居中不起作用：（添加

display:flex；align items:center；flex direction:column；justify content:center；

到那些

sYOOO谢谢你！我不熟悉html和css，我了解align items是如何工作的，但是flex元素是如何工作的？如果你不介意快速解释一下的话：）

align items

属性根据可使用

flex direction

控制的弹性轴对齐弹性项目。但是

justify content

将项目对齐在相反的轴上。对于CSS网格

justify content

是指

Y

轴（垂直）和

align items

用于

X

轴（水平方向）您希望将

h1

和

p

垂直和水平居中放置在其父对象内，对吗？是的！水平居中很容易，但垂直居中：中间或中心不起作用：（添加

display:flex；align items:center；flex direction:column；justify content:center；

到那些

sYOOO谢谢你！我不熟悉html和css，我了解align items是如何工作的，但是flex元素是如何工作的？如果你不介意快速解释一下的话：）

align items

属性根据可使用

flex direction

控制的弹性轴对齐弹性项目。但是

justify content

将项目对齐在相反的轴上。对于CSS网格

justify content

是指

Y

轴（垂直）而

align items

用于

X

轴（水平）不要忘记

flex-direction:column；

是的，谢谢！没有它可以工作，但包含它绝对是一个更好的编码习惯。没有它也可以工作，但关键是要按照op的要求保持布局。不要忘记

flex-direction:column；

是的，谢谢！没有它可以工作，但包含它绝对是一个更好的编码习惯没有它是可以工作的，但关键是要让布局符合op的要求。

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

body {
    text-align: center;
    overflow: hidden;
    font-family: 'Rubik', sans-serif;
}

.left-side {
    background: white;
    width: 50%;
    height: 100%;
    left: 0;
    color: black;
    position: absolute;
}

.right-side {
    background: black;
    width: 50%;
    height: 100%;
    right: 0;
    color: white;
    position: absolute;
}

h1 {
    font-size: 72px;
    font-weight: 700;
}

p {
    font-size: 48px;
    font-weight: 300;
}