2016-02-29 83 views
0

我有一個響應式的基於Angular Material的應用程序。當它切換到移動視圖時,漢堡菜單圖標出現在左上角(在md工具欄中)。影響標題對齊的響應菜單按鈕(Angular Material)

我的問題是,它出現在文檔流中,它將頭部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> 
+0

請提供[最小可行的代碼示例](http://stackoverflow.com/help/mcve),所以我們可以幫助調試問題。 –

+0

對不起,包含代碼片段 - 請參閱編輯。 – Paulos3000

回答

0

修訂

使用工具欄裏面父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> 
+0

當然,這將中心按鈕和siteheader(?),而我想在左邊的漢堡菜單和siteheader中央... – Paulos3000

+0

我的答案更新。請再試一次。 – MBN