css - 为什么 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示例。

我怎样才能让它检测到我的 margin-right 设置？

Answer 1

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

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

1. 你可以去掉 width: 100%
2. 您可以向父 div 添加填充(而不是行上的边距)
3. 更改职位类型