Köşeli malzeme tasarımı - Duyarlı bir sabit sütun genişliği ızgarası oluşturma

Question

Sabit sütun genişliklerine sahip yatay merkezli bir değişken kenarlı ızgara oluşturmaya çalışıyorum, ancak sütun sayısı yanıt veriyor.

<md-bottom-sheet class="no-pad"> 
    <nav id="resource-tray"> 
    <md-toolbar> 
     <div class="md-toolbar-tools"> 
     <h3>title</h3> 
     <span flex class="flex"></span> 
     <md-button aria-label="Close Tray" ng-click="closeTray()" id="resource-tray-close-control">X</md-button> 
     </div> 
    </md-toolbar> 
    <md-content layout-align="center"> 
     <md-grid-list 
      md-cols-xs="1" md-cols-sm="3" md-cols-md="5" md-cols-lg="7" md-cols-gt-lg="11" 
      md-colspan="173px" 
      md-row-height="158px"> 
     <md-grid-tile ng-repeat="page in state.pages" 
        ng-click="selectResource($parent.$index+1)" 
        md-colspan-gt-sm="1" 
        md-rowspan-gt-sm="1"> 
      <resource-tile ng-repeat="resource in page.data" ng-click="selectResource($parent.$index+1)"></resource-tile> 
     </md-grid-tile> 
     </md-grid-list> 
    </md-content> 
    </nav> 
</md-bottom-sheet> 

Yukarıdaki örnekte, ben

<md-grid-list md-colspan="173px" ...> 

ayar sütun genişlikleri düzeltmek farz, ama işe yaramıyor. Eğer yeniden boyutlandırma çalışıyorsanız

Answer 1

alt tabaka md-bottom-sheet etiketinde flex="..." ekleyip md-buttom-sheet etiketine layout-align="..." eklemek ortasına hizalamak için. Eğer yapmaya çalıştığınız şey bu değilse lütfen bana bildirin. -