Question

我有一个包含两个组件的简单工具栏：一个h1和一个菜单按钮。我想h1在工具栏中居中，左边是菜单按钮。在玩弄材料设计属性后，我仍然无法实现我的最终目标。我需要编写自定义CSS吗？这是我现在的索引html

<md-toolbar layout="row" layout-align='start center'>
            <md-button class="md-icon-button md-primary" aria-label="Settings" flex='10'>
                <i class='material-icons md-36 md-light'>menu</i>
            </md-button>
            <h1 class='title' flex='90'>MusiComp</h1>
        </md-toolbar>

Answer 1

您可以使用<div class="mdl-layout-spacer"></div>。请尝试在<h1 class='title' flex='90'>MusiComp</h1>

之前添加此权限

在材料设计中水平对齐元素

1 个答案: