语义UI - 垂直居中一个div

Question

是否有任何已知的方法使用Semantic UI的Web开发框架将<div>标记居中，而无需添加我自己的CSS样式？

我试过documentation中的几个与位置相关的标签，例如<div class="centered grid'>，但是这些标签只适用于水平居中。

这不是一个具有挑战性的实现，我只是感到惊讶，因为垂直居中不包含在Web开发框架中，我很好奇我的Google搜索和眼睛是否已经看到它。我希望在创建自定义样式之前遵守框架样式。我知道有几种方法来实现我自己的垂直居中（这在我看来是最不可取的选择），但我更喜欢使用框架中的类。

Answer 1

根据语义UI v2.2.2，您可以通过添加middle aligned类来强制在中间垂直对齐。它影响下列元素：

• table，其行和细胞，
• grid，其行和列，
• image，
• list和item与图像，
• 模态对话框内容。

您可以这样不设置垂直对齐，中间的任意div元素之外的任何这些结构。

否则，某些其他语义UI元素垂直地在中间缺省调整其含量：

• header或message与图标或图像，
• circular segment，
• step，
• button等等