Css ie 10 11中的flexbox问题

添加之前

display: -ms-flexbox; /* ie 10*/
-ms-flex-align: center;

我的设计就像

在添加css之后，我的设计被破坏了

这是完整的代码

.vcenter {
                                  display: -webkit-flex; /* Safari */
                                  -webkit-align-items: center; /* Safari 7.0+ */
                                  display: -ms-flexbox; /* ie 10*/
                                  -ms-flex-align: center;
                                  display: flex;
                                  align-items: center;
                                  /*border-bottom:0.5em solid White;*/
                                }

---

flexbox之前的设计是否正常工作？如果是这样，为什么要添加flexbox作为开始？你想做什么？@DBS，如果你看第一张图片，当前的温度会移到顶部。所以为了解决这个问题，我使用了itQuestions，寻求代码帮助必须包含在问题本身中复制它所需的最短代码。看啊,好。我个人会尝试使用另一种垂直居中的方法，flexbox在IE中是相对不可靠的，甚至高达IE11@DBS，有什么建议吗？