Angularjs md卡内的内容溢出,尽管其父标记中有布局环绕
下面是我的html文件的一部分:Angularjs md卡内的内容溢出,尽管其父标记中有布局环绕,angularjs,angular-material,Angularjs,Angular Material,下面是我的html文件的一部分: <md-content class="md-padding" layout="row" layout-wrap> <md-card flex="30" ng-repeat="classified in classifieds" class="classified"> <img src={{classified.image}} class="md-avatar"></
<md-content class="md-padding" layout="row" layout-wrap>
<md-card flex="30" ng-repeat="classified in classifieds" class="classified">
<img src={{classified.image}} class="md-avatar"></img>
<md-card-content>
<div class="classified-info" ng-hide="showContact">
<h2 class="md-title">{{classified.title}}</h2>
<h3>{{classified.price | currency}}</h3>
<p>{{classified.description}}</p>
</div>
<div class="classfied-contact" ng-show="showContact">
<p><md-icon class="mdi mdi-account"></md-icon>{{classified.contact.name}}</p>
<p><md-icon class="mdi mdi-phone"></md-icon>{{classified.contact.phone}}</p>
<p><md-icon class="mdi mdi-account"></md-icon>{{classified.contact.email}}</p>
</div>
<div layout="row">
<md-button ng-hide="showContact" ng-click="showContact=true">Contact</md-button>
<md-button ng-show="showContact" ng-click="showContact=false">Details</md-button>
<md-button ng-hide="showAdmin" ng-click="showAdmin=true">Admin</md-button>
<md-button ng-show="showAdmin" ng-click="showAdmin=false">Close</md-button>
</div>
<div class="classified-admin" ng-if="showAdmin">
<h3>Admin</h3>
<div layout="row">
<md-button class="md-primary" ng-click="editClassifieds(classified)">Edit</md-button>
<md-button class="md-warn">Delete</md-button>
</div>
</div>
</md-card-content>
</md-card>
</md-content>
{{classified.title}}
{{分类价格|货币}
{{classified.description}}
{{classified.contact.name}
{{classified.contact.phone}
{{classified.contact.email}
接触
细节
管理
接近
管理
编辑
删除
尽管在我的md内容标签中有布局包装,但当我点击其中的展开按钮时,我仍有一些卡片内容溢出(见下图):
试着在JSFIDLE或其他东西上发布问题,这将更容易调试,这是一个css问题,因此会很有帮助,像这样几乎不可能调试。没有与之相关的css。这里只有我上面写的代码。是的,也许你没有在你的特定元素上添加任何样式,但是棱角材质设计有它自己的样式,当你在样式上添加这些样式时,你可能会出现类似你的错误,所以我很确定你的问题在CSS中,如果你想帮助添加整个代码,我已经把创建md卡的部分代码放在上面的站点上,并将其显示出来。以上代码就是这样做的。你想要html文件的所有代码吗?试着在JSFIDLE上发布问题,这会更容易调试,这是一个css问题,所以它会很有帮助,就像这样,几乎不可能调试。没有与之相关的css。这里只有我上面写的代码。是的,也许你没有在你的特定元素上添加任何样式,但是棱角材质设计有它自己的样式,当你在样式上添加这些样式时,你可能会出现类似你的错误,所以我很确定你的问题在CSS中,如果你想帮助添加整个代码,我已经把创建md卡的部分代码放在上面的站点上,并将其显示出来。以上代码就是这样做的。你想要html文件的所有代码吗?