angular-material - md-grid-tile(Angular Material)中的文本对齐不起作用

Question

text-align在角 Material 中 <md-grid-tile>不起作用。

<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>

我想像这样对齐文本:



但是 text-align在 <md-grid-tile>没有用:(

我该怎么做？

Answer 1

你可以简单地输入 span或 div在里面的文字周围标记 md-grid-tile :

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

然后设置样式:

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