Angularjs 角度材质设计-创建响应性固定列宽网格

我试图创建一个水平居中的可变边距网格，它具有固定的列宽，但列计数是响应的

<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>

标题
X

在上面的示例中，我假设设置为

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

---

将修复列宽，但它不起作用。

如果尝试调整底部工作表的大小，请在

md底部工作表的
flex=“…”
标记中添加
md底部工作表的
flex=“…”
，并将其在中心对齐，将
layout align=“…”
添加到
md按钮工作表的
标记中。如果这不是你想要做的，请让我知道
 我没有试图调整底部工作表的大小。我试图使网格列具有固定的宽度和固定的排水沟/填充。此外，如果md grid list不是解决方案，我也不会附加到它。我只想创建一个具有此响应列计数的网格：md cols xs=“1”md cols sm=“3”md cols md=“5”md cols lg=“7”md cols gt lg=“11”，并具有固定的列宽和排水沟。我看到了这个问题的响应性答案：它满足了我的所有要求，但不满足我的一个要求。我需要网格居中。试试这个网站。要居中，请尝试在两侧添加一个空平铺作为偏移。