为什么 margin-right 在 ionic + AngularJS 中不起作用？

Question

我有一个滚动内容 div，我想给它的内容留一些边距，也可以从右边开始。它正在使用左边距，但没有右边距。我将边距设置为 %。

<ion-scroll scrollbar-y="true" delegate-handle="invoicegrid" ng-style="viewHeight">
    <div style="margin-left:5%; margin-right:5%" class="row brd"" ng-repeat="column in invoice_records  track by $index" ng-class-odd="" ng-class="{white:$index%2 == 0,blue:$index%2 == 1}">
        <div class="col brdlrdt  collapse-sm" ng-repeat="field in column.columns" ng-show="invoice_column_name[$index].checked && invoice_column_name[$index].fieldNameOrPath===field.fieldNameOrPath">{{field.value}}</div>
        <div class="col col-10 text-center brdlrdt collapse-sm"></div>
    </div>
</ion-scroll>

Plunkr 示例。

如何让它检测我的边距设置？

Answer 1

ionic.css 中的 css 将具有“行”类的元素设置为 100% 的宽度。添加边距时，行的宽度变为 100% + 5% + 5%，并且行比其容器宽。

有几种方法可以解决这个问题。

1. 您可以移除宽度：100%
2. 您可以向父 div 添加填充（而不是行上的边距）
3. 更改职位类型

Answer 2

如果有人仍然对 Ionic 有这个问题，我的解决方案是不要将我的内容放在带有 class="row" 的 div 中。