语义UI - 垂直居中的div

Question

是否有任何已知的方法可以使用Semantic UI的网页开发框架来集中<div>代码，而无需添加自己的CSS样式？

我在documentation中尝试了多个与位置相关的标记，例如<div class="centered grid'>，但这些只适用于水平居中。

这不是一个具有挑战性的实施案例，我只是感到惊讶，因为垂直居中并不包含在Web开发框架中，而且我很好奇我的Google搜索和眼睛是否已经对它进行了抨击。在创建自定义样式之前，我更愿意遵守框架样式。我知道有几种方法可以实现我自己的垂直居中（这是我认为实现中最不可取的选项），但是我更喜欢使用框架中的类。

Answer 1

根据 Semantic UI v2.2.2 ，您可以通过添加import 'rxjs/add/operator/toArray'; // <------------------ add this import ... getMembers() { this.memberService.getMembers().toArray() // <-------------- add .toArray() .subscribe( 类来强制在中间进行垂直对齐。它会影响以下元素：

• table，其行和单元格
• grid，其行和列，
• image，
• list和item带有图片，
• 模态对话框内容。

你无法在中间设置垂直对齐方式，而不是任何这些结构之外的任意middle aligned元素。

否则，默认情况下，其他一些语义UI元素会在中间垂直对齐其内容：

• header或message带有图标或图片，
• circular segment，
• step，
• button等。