在 Header md-card Angular 旁边换行答案

【问题标题】：Wrap text alongside of Header md-card Angular在 Header md-card Angular 旁边换行
【发布时间】：2019-08-03 10:03:02
【问题描述】：

我想在标题的右侧换行正文在 AngularJS 中使用 md-card 的最佳方法是什么？

<div class="row">
    <md-card style="text-wrap:none">
        <span style="flex-wrap:wrap">
            <md-card-header style="background-color: dodgerblue; font-size:15px;font-weight:600; color: white; height:75px;width:100px;">
                Did You Know?

            </md-card-header>

            <md-card-header-text>
                Kobe Bryant won 5 Championships with the Los Angeles Lakers
            </md-card-header-text>
        </span>
    </md-card>
</div>

以上产生： enter image description here

【问题讨论】：

标签： angularjs header md-card

【解决方案1】：

<div class="row">
    <md-card style="text-wrap:none"  layout-align="center center">
        <div style="height:75px;width:100px; background-color: dodgerblue;">
            <md-card-header  style="font-size:15px;font-weight:600; color: white; ">
                Did You Know?
            </md-card-header>

        </div>
        <div>  
              <md-card-header-text>
                Kobe Bryant won 5 Championships with the Los Angeles Lakers
              </md-card-header-text>
        </div>


    </md-card>
</div>

并将填充设置为标题文本

https://plnkr.co/edit/D7Dvn3MklSjkPffeNpsK?p=preview

【讨论】：