Angular material AngularJS材质中3列布局中的两个固定尺寸列

我有一个类似的问题

但是，这是关于使用Flexbox来实现的。我正在尝试使用AngularJS材料。我希望我的左、右div是固定的28px宽度，中间div是flex

大概是这样的：

A.
N

flex属性值限制为33、66和五的倍数。 例如：flex=“5”、flex=“20”、“flex=“33”、flex=“50”、flex=“66”、flex=“75”

试试这个

<div layout="row" layout-margin>

  <div flex="25">
   <md-list>
     <md-list-item>
       <md-button class="md-fab md-mini">
         <div align="center">A</div>
       </md-button>
     </md-list-item>
   </md-list>
  </div>

 <div flex>
   <md-content></md-content>
 </div>


 <div flex="25">
   <md-list>
     <md-list-item>
       <md-button class="md-fab md-mini">
          <div align="center">N</div>
      </md-button>
     </md-list-item>
   </md-list>
 </div>
</div>

A.
N

谢谢，但这是否意味着左右栏的比例为25%？我正在尝试使左右栏的大小始终相同，并且始终保持在适当的位置，只需调整中间部分即可。