행의 전체 높이를 만드는 방법은 무엇입니까? 각진 재질

ng-repeat를 사용하여 일정 블록이있는 테이블을 만들었지 만 일부는 tr 높이보다 작으며 모든 테이블의 높이가 같아야합니다. Missing space 행의 전체 높이를 만드는 방법은 무엇입니까? 각진 재질

이 I'v가 codepen을 만든 : 당신의 문제에 대한 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>

출처

2017-04-13 AndresChika

, 당신은 .TR {디스플레이,이 라인이 필요하지 않습니다 : 테이블 행; } .td {display : table-cell; } 또한 표시 : 표 –

문제는 당신의 CSS에 관한 것입니다, 나는 그것에 집중해야한다고 믿습니다. –

Ozgur 내 CSS는 내 로컬 프로젝트에서 가져온 것이지만이 일정에서 사용하지 않는 속성을 가지고 있지만 어떤 식 으로든 이미 내 CSS. 나는 내 CSS 코드를 수정했기 때문에 묻습니다. 오류가 어디에 있는지 찾지 못합니다 – AndresChika

솔루션은 내부 <td>입니다 블록 각 TD에서 나는 수정 된 MD-체크 박스가 있습니다. <td> 요소는 항상 부모 <tr>의 크기입니다. md-checkbox 요소가 당신을 괴롭 히고 있습니다.

요소 .md-whiteframe-1dp에 대한 규칙을 정의합니다

당신의 CSS에서

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

출처

2017-04-13 21:16:36

대단히 천재 지 고마워요 – AndresChika

도움이 되니 기쁩니다. –

행의 전체 높이를 만드는 방법은 무엇입니까? 각진 재질

답변

관련 문제