align-items：center不在自定义CSS中工作？

Question

由于某种原因，align-items在我的自定义CSS中不起作用。有什么建议我可以解决这个问题吗？

问题图片：

这是代码：

.list-view {
    display:flex;
}
.item-image {
    display:flex;
    align-items:center;
}

我猜第二部分就是问题。 align-items在WordPress中的自定义CSS中是白色的，而display等其他属性是海军蓝色，所以我猜它无法读取此属性，但我不确定为什么会这样。

Answer 1

工作jsFiddle，我已将flex: 1;添加到item-image类。

＆＃13;

＆＃13;

.list-view {
  border: 1px solid black;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  text-align: center;
}

.item-image {
  align-items: center;
  flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+ */
}

＆＃13;

<div class="list-view">
  <div class="item-image" style="background-color:coral;">RED</div>
  <div class="item-image" style="background-color:lightblue;">BLUE</div>
  <div class="item-image" style="background-color:lightgreen;">Green div with more content.</div>
</div>

＆＃13;

＆＃13;

＆＃13;

希望有所帮助。 ：）