Angularjs md卡内的内容溢出,尽管其父标记中有布局环绕

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"></

下面是我的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"></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文件的所有代码吗?