【发布时间】：2016-02-16 07:55:25
【问题描述】：
我正在尝试使用 HTML、CSS 和 JS 创建一个类似应用程序的体验网络应用程序。这就是我想要实现的目标：
我已将 body&html 的宽度设置为 100vw，将高度设置为 100vh。然后我继续将 TopBar 的高度设置为 40vh，同时我将剩余的 60vh 值赋予主体。我将三个 div 添加到 TopBar（绿色的）并给它们这些值：
display:flex;
position:relative;
flex-direction:column;
然后继续将这些值赋予第一个元素：
width:100%;
align-self:flex-start;
，除了我使用 flex-end;
之外，对最后一个元素进行相同的处理所以一切看起来都还不错，当屏幕较高时（在 iPhone 6Plus 中），当屏幕较高时（在 iPhone 6Plus 中），当中间的元素对齐到它的最高位置时，它与最后一个元素之间会留下巨大的间隙。
有什么方法可以在不使用绝对位置的情况下将其垂直居中于容器中？
谢谢！
【问题讨论】：
-
请发布您尝试过的代码。如果我们能重现问题，我们可以更有效地帮助您。
-
@Michael_B 我一到家就会做。