使用语义UI在相等高度的列上垂直居中

时间:2017-10-19 07:28:08

标签: html semantic-ui

我正在尝试使用Semantic UI布局表单。基本上,我有两列显示字段和按钮,如下所示:

Semantic UI equal width columns

标记代码是: (注意:我已经为每一列添加了边框以帮助您查看它们。此外,我正在使用Smarty模板)

  <div class="ui equal height container grid">
    <div class="ui row">
      <div class="ui ten wide column" style="border: 1px solid green">
        <!-- FORM -->
        {include file="form/left-column.tpl"}
      </div>

      <div class="ui six wide column" style="border: 1px solid blue">
        <div class="ui grid">
          <div class="ui sixteen wide middle aligned column" >
            <!-- BUTTONS -->
            {include file="form/right-column.tpl"}
          </div>
        </div>
      </div>
    </div>
  </div>

第二列有一个网格,其中一列具有“中间对齐”类,但它不会将按钮置于中间。我在Semantic UI网站上搜索过文档,但是找不到任何有用的东西。有什么建议吗?

谢谢!

0 个答案:

没有答案