Html 使用语义UI垂直对齐div

我好像在文件里什么地方都找不到

是否有方法使用语义UI语义在页面上垂直居中放置div:）

以下是我想做的：

<div class="ui centered grid">
  <div class="eight column wide">
    <div>I want to be centered vertically on a page</div>
  </div>
</div>

我想在页面上垂直居中

我只是通过使用

中键

并设置某些元素的高度来实现这一点：

.holder{
高度：400px
}
.霍尔德，中{
身高：100%
}

我想在页面上垂直居中

在

网格上使用
中间对齐的
类
该问题于2018年初报告，但已结束

但是，您可以尝试以下方法：

<div id="my-container" class="ui grid middle aligned">
  <div class="row">
    <div class="column">
      <div class="ui text container segment inverted">
        <h1>My DIV</h1>
      </div>
    </div>
  </div>
</div>

在JSFiddle上尝试一下：
我实际上已经开始了，并且实现了它，但它不起作用。我不知道它是否曾经运行过，但如果您运行代码段，您将看到文本没有垂直居中。注意：如果在
ui网格
中间对齐
之前有一个
ui容器
标记，该标记无法正常工作，请删除ui容器，然后它就可以工作了，谢谢class=“ui grid centered middle aligned”为我工作
#my-container {
  background: #000;
  height: 100vh;
  width: 100%;
}