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

本文介绍了md-grid-tile(Angular Material)中的文本对齐不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

text-align不起作用.

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

我要像这样对齐文本:

，但<md-grid-tile>中的text-align无效:(

我该怎么办?

推荐答案

您只需在md-grid-tile内的文本周围放置一个span或div标签:

You could simply put a span or div tag around your text inside md-grid-tile:

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

然后设置样式:

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

这篇关于md-grid-tile(Angular Material)中的文本对齐不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！