スタイリング材質グリッドリスト項目

Question

ので、この：

<md-grid-list cols="5" rowHeight="20px"> 
     <md-grid-tile 
      *ngFor="let carBrand of carBrands" 
      colspan= 1 
      rowspan= 1> 
     <md-checkbox>{{ carBrand}}</md-checkbox> 
     </md-grid-tile> 
    </md-grid-list> 

は私のリストを生成しますが、colsの中のすべての項目が集中しています。私はdevツールで、justify-content: centerをjustify-content: leftに変更するとうまくいくと思うが、自分のコードで同じ効果を達成することはできない。

これらのスタイルを正しく設定するにはどうすればよいですか？あなたのコンポーネントになしにView Encapsulationを設定

Answer 1

：

@Component({ 
    templateUrl: './my.component.html' , 
    styleUrls: ['./my.component.css'], 
    encapsulation: ViewEncapsulation.None, 
}) 

は、その後、あなたのコンポーネントのCSSにあなたがjustify-content: left

ビューのカプセル化にスタイルをオーバーライドし、開発ツールで試してみました正確に何ができます= NoneはAngularが表示なしであることを意味します カプセル化。 AngularはCSSをグローバルスタイルに追加します。スコープの範囲 前述の規則、隔離および保護は適用されません。この は、基本的にコンポーネントのスタイルをHTMLの に貼り付けるのと同じです。