垂直对齐另一个div内两个不同div的文本

这个问题在这里已经有了答案：

Flexbox：水平和垂直居中8个答案

如何在Flexbox中垂直对齐文本？ 4个答案

---

这与你试图达到的目标相似吗？

#outer {
    height:100%;
    padding:10% 0;
    box-sizing:border-box;
}

#inner1 {
  height:50%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}


#inner2 {
  height:50%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

html, body { height: 100%; }
#outer {
    background-color: purple;
}
#inner1 {
    background-color: yellow;
}

#inner2 {
    background-color: red;
}

<div id="outer">
    <div id="inner1">
         Test text 1
     </div>
     <div id="inner2">
         Test text 1
    </div>
</div>

链接地址: http://www.djcxy.com/p/76011.html

上一篇: vertical align text in two different div's inside another div

下一篇: center two child elements vertically in flexbox