căn chỉnh văn bản trong md-lưới-lát (vật liệu góc) không hoạt động

Question

căn chỉnh văn bản trong vật liệu góc md-lưới-lát không hoạt động.

<md-grid-tile>{{video.created}}</md-grid-tile> 
<md-grid-tile>{{video.code</md-grid-tile> 

<md-grid-tile style="text-align: left;"> 
    {{ video.title }} 
</md-grid-tile> 

<md-grid-tile>{{video.playtime}}</md-grid-tile> 

Tôi muốn canh lề văn bản như thế này:

what I want to

nhưng text-align trong md-lưới-ngói đã không làm việc :(

làm thế nào tôi có thể làm điều đó?

Answer 1

Bạn chỉ có thể đặt một thẻ span hoặc div xung quanh văn bản của bạn bên md-grid-tile:

<md-grid-tile> 
    <div class="text-inside-grid">{{ video.title }}</div> 
</md-grid-tile> 

và sau đó định dạng:

.text-inside-grid { 
    position: absolute; 
    left: 5px; 
} 

Answer 2

Tôi đã làm điều đó!

<md-grid-tile>{{video.created}}</md-grid-tile> 
<md-grid-tile>{{video.code</md-grid-tile> 

<md-grid-tile style="text-align: left;" class="video-title"> 
    {{ video.title }} 
</md-grid-tile> 

<md-grid-tile>{{video.playtime}}</md-grid-tile> 

css

.video-title > figure { 
    justify-content: flex-start !important; 
} 

Answer 3

đối với những người có vấn đề về nhận ví dụ này để làm việc trong angular2 bạn có thể cần thêm :: ng sâu selector vào css cho hình

<md-grid-tile class="video-title"> 
    {{ video.title }} 
</md-grid-tile> 

css

.video-title > ::ng-deep figure { 
    justify-content: flex-start !important; 
} 

* cập nhật/sâu/to :: ng sâu vì/sâu/đã bị phản đối