如何使用CSS列垂直对齐列中的文本？

Question

使用CSS列时是否可以垂直对齐文字？例如，如果我希望每列中的文本与顶部，中心或底部对齐？

我尝试过使用vertical-align，但这似乎不适用于无序列表或它的项目：

HTML

<div class="nav-banner__list-wrapper">
  <ul class="nav-banner__list">
    <li class="nav-banner__list-item">Some Item</li>
    <li class="nav-banner__list-item">Some Item</li>
    <li class="nav-banner__list-item">Some Item</li>
    <li class="nav-banner__list-item">Some Item</li>
  </ul>
</div>

CSS

.nav-banner__list {
  vertical-align: center;
  column-count: 2;
  width: 70%;
  margin-left: 20px;
}

.nav-banner__list-item {
  vertical-align: center;
  list-style: none;
}

Answer 1

使用display：flex;和对齐项目：中心; propethy。