mat-grid-list Angular マテリアルの作成方法
P粉473363527
2023-08-18 12:56:40
<p>Angular マテリアルを使用してマット グリッド リストを作成しようとしていますが、問題はページに何も表示されないことです</p>
<p>これは私のコンポーネント情報セクションです:</p>
<pre class="brush:php;toolbar:false;"><div class="mat-grid-list"cols="4" rowHeight="100px">
<div class="mat-grid-tile" style="grid-column: スパン 1; グリッド行: スパン 2; 背景色: lightpink;">
三つ
</div>
<div class="mat-grid-tile" style="grid-column: スパン 0; グリッド行: スパン 0; 背景色: ライトグリーン;>
二
</div>
<div class="mat-grid-tile" style="grid-column: スパン 3; グリッド行: スパン 1; 背景色: #DDBDF1;">
四
</div>
</div></pre>
<p>すべてがインストールされ、宣言されています</p>
Angular マテリアルのグリッド リスト コンポーネントを使用する必要があります。 CSSだけではありません。 例を参照してくださいhttps://material.angular.io/components/grid-list/examples
grid-column プロパティと Grid-row プロパティには、グリッド ブロックがまたがる列数または行数を決定するための適切なスパン値が必要です。
リーリー