Question

我有一个响应式Angular Material应用程序。当它切换到移动视图时，左上角会出现一个汉堡菜单图标（在md工具栏中）。

我的问题是它出现在文档流程中，它将标题div推向右侧，当我希望标题div无论是否居中时。

我该如何解决这个问题？

编辑...（代码段）

    <md-toolbar layout="row">

        <md-button class="menu" ng-click="ul.toggleList();" hide-gt-sm>
            <md-icon md-svg-icon="menu"></md-icon>
        </md-button>
        <h1>Soccer Sauce (LT5)</h1>

    </md-toolbar>

Answer 1

<强>已更新

在工具栏中使用父div，如下所示：

<md-toolbar>
<div layout="row">
    <md-button flex="10" class="menu" ng-click="ul.toggleList();" hide-gt-sm>
        <md-icon md-svg-icon="menu"></md-icon>
    </md-button>
    <div flex="90" layout="row" layout-align="center">
        <h1>Soccer Sauce (LT5)</h1>
    </div>
</div>
</md-toolbar>

响应菜单按钮影响标题对齐（Angular Material）

1 个答案: