md-grid-tile(Angular Material)中的文本对齐不起作用 [英] text-align in md-grid-tile (Angular Material) doesn't work
本文介绍了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>
我想像这样对齐文本:
但是
中的 text-align
不起作用 :(
but text-align
in <md-grid-tile>
didn't work :(
我该怎么做?
推荐答案
您可以简单地在 md-grid 中的文本周围放置一个
:span
或 div
标签-tile
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)中的文本对齐不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文