AngularJS Material Grid基于内容的平铺高度

时间:2016-03-10 13:51:47

标签: angularjs angular-material

您好我有以下AngularJS网格:

<md-grid-list md-cols-xs="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6" md-row-height-gt-md="1:1" md-row-height="2:2" md-gutter="12px" md-gutter-gt-sm="8px">
  <md-grid-tile class="gray" md-rowspan="2" md-colspan="2" md-colspan-sm="1">
      <div class="blog-tile-bg" style="background-image:url('https://1.bp.blogspot.com/-B6IEBKet9Qc/VuBROoZ8y-I/AAAAAAAABDU/ez8KKA7c6UM/s1600/12671652_1253577308004984_1098070077500218081_o.jpg')">
      </div>
    <md-grid-tile-footer>
      <h3>#1: (3r x 2c)</h3>
    </md-grid-tile-footer>
  </md-grid-tile>
</md-grid-list>

现在您可以看到我的div类为blog-tile-bg,此元素设置为100% widthheight,因此它涵盖整个图块。< / p>

现在我遇到的问题是我的md-grid-tile-footer元素默认使用绝对定位覆盖blog-tile-bg但是我希望它在此元素下方堆叠,并根据内容中的内容缩放它

我没有在任何地方看到过此示例,我看到的每个示例都包含应用了绝对定位的md-grid-tile-footer元素,例如:https://material.angularjs.org/latest/demo/gridList

我已尝试删除绝对定位,但它没有按照应有的方式做出反应。

任何帮助都会很棒,谢谢Nick

0 个答案:

没有答案