私のテキストボックスが縦に私はこれに似た何かを作るしようとしています

Question

親のdivに揃えされていない理由を私は理解することはできません：「プロジェクトタイトルは」合計の中央に配置されて

Aの高さ[画像]。

---

私はフレックス使用してdivproject-descriptionの上を設定しています：

.headline { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
} 

---

<div class="column headline row__twenty"> 
    <div class="project-description"> 
     <h2> 
      Title here 
     </h2> 
     <p> 
      Some content for the boxes here 
     </p> 
    </div> 
</div> 

---

project-description div要素がveritcallyに成功アイテムを揃えていない理由を私は見ることはできませんが。

jsFiddleのthisを参照してください。

Answer 1

フレックスボックスの定義を親.rowに移動すると、フレキシブルボックスの定義が動作します（.row__seventyと.headlineの親）。

ような何か：私は問題に気づいた

.project-wrap > article > .row { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
} 
.project-wrap > article:nth-of-type(even) > .row { 
    flex-direction: row-reverse; 
}