css - 如何使 td 行的全高？棱 Angular Material

Question

我正在使用 ng-repeat 创建一个带有日程表 block 的表，但有些表的高度小于 tr，我需要它们都具有相同的高度。在每个 td 中，我都有一个修改过的 md-checkbox: Missing space

我创建了一个代码笔: Schedule

 <div id="main" ng-app="MyApp" layout>
  <div ng-view layout="column" flex></div>

  <script type="text/ng-template" id="template.html">

<md-toolbar  class="" layout="row">   
  <center>toolbar</center>
</md-toolbar>

  <md-content class="content" >
    <table class="vistaTabla" cellspacing="0" cellpadding="0">
      <tr  ng-repeat="hora in bloques[0]">
        <td class="vistaBloque" ng-repeat="bloque in hora">
          <md-checkbox class=" text-longshadow md-whiteframe-1dp bloque dotted" >
            {{bloque.materia}}  {{bloque.nombre}}</td>
          </md-checkbox>
      </tr>
    </table>
  </md-content>

  </script>
</div>

Answer 1

您的问题的解决方案是 <td> 内的方 block . <td>元素始终是其 <tr> 的大小 parent 。 md-checkbox element 是一个惹你生气的东西。

为元素 .md-whiteframe-1dp 定义规则:

.md-whiteframe-1dp {
     height: 100%;
}