如何使用角度材料2居中元素？

Question

我使用https://material.angular.io/作为我的新角度2 cli项目及其响应和网页设计和ux。 我试图用它做一个页脚，我怎样才能使跨度居中？

<md-toolbar color="secondary">
  <md-toolbar-row>
    <span></span>
  </md-toolbar-row>
</md-toolbar>

我来自一个自助背景，所以我想应该有类似 span class =“md-center”

任何人都可以帮助我吗？我在文档中找不到这么多

由于

Answer 1

不幸的是（或者幸运的是），material2没有添加那些类型的辅助类。但是，用基本的css自己添加这样的逻辑是非常简单的。

要将文本对齐在元素的中心，请使用text-align: center。这对于div或具有指定宽度的任何其他内容都没有问题。对于跨度，如果希望内容在整个包含元素中居中（例如宽度：100％或跨度上的某些内容），则可能需要设置跨度的宽度。

<强> PS。不推荐使用ng2-material 。该项目是在@ angular / material处于初期阶段时创建的，以帮助提供比当时官方材料项目中提供的组件更多的组件。自@ angular / material项目开始增加以来，ng2-material的更新已停止专注于官方项目。

因此，您可能希望从长远角度进行调查。