Javascript 内容溢出卡角材料

我里面的所有内容都从卡片中溢出了

<md-content ng-controller="TestCtrl" layout-padding>
<div layout="row" style="height: calc(100vh - 64px);">
<!-- left sidenav : search and search results -->
<div layout="column" flex-gt-sm="30" style="background-color: #fafafa;">
   <md-content layout="column" flex class="search-results" layout-margin style="overflow: auto;">
    <span class="md-subhead muted">Results: </span>
    <md-card ng-repeat="place in places" class="result-card" layout="column">
        <md-card-content flex>
            <h2 class="title">{{place.first_name}} {{place.last_name}}</h2>
            <h4 class="sub-cat">Prospect Status: <span class="state">{{place.prospect_status}}</span></h4>
            <h4 class="sub-cat">Spiritual Condition: <span class="state">{{place.spiritual_condition}}</span></h4>
            <h4 class="sub-cat">Street: <span class="state">{{place.address[0].street_no}}</span></h4>
            <h4 class="sub-cat">Prospect Status: <span class="state">{{place.prospect_status}}</span></h4>
            <h4 class="sub-cat">Spiritual Condition: <span class="state">{{place.spiritual_condition}}</span></h4>
            <h4 class="sub-cat">Street: <span class="state">{{place.address[0].street_no}}</span></h4>
        </md-card-content>
    </md-card>
</md-content>
</div>
</div>

结果：
{{place.first{u name}{{place.last{u name}}
潜在客户状态：{place.Prospect_Status}
精神状态：{地点.精神状态}
街道：{{地点.地址[0].街道号}
潜在客户状态：{place.Prospect_Status}
精神状态：{地点.精神状态}
街道：{{地点.地址[0].街道号}

---

这是一个很好的例子。

只需从md内容组件中删除

layout=“column”

：

<md-content flex class="search-results" layout-margin style="overflow: auto;">

---

只需从md内容组件中删除

layout=“column”

：

<md-content flex class="search-results" layout-margin style="overflow: auto;">

---

只需将

布局填充

属性添加到您的

md卡

：

。。。

---

只需将

布局填充

属性添加到您的

md卡

：

。。。

---

我有一个笑脸问题，删除了

layout=“row”

修复了它。我有一个笑脸问题，删除了

layout=“row”

修复了它。