angularjs - 在 Header md-card Angular 旁边换行

Question

我想在我的标题右侧包装文本主体在 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>

以上产生： 在此处输入图像描述

Answer 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