Question

I have a scrolling content div, whose content I want to give some margin-left as well as from right. It is taking margin-left, but not taking margin right. I set margin in %.

<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 example.

How can I get it to detect my margin-right setting?

Answer 1

ionic.css中的css用类＆＃34; row＆＃34;设置元素。宽度为100％。添加边距时，行的宽度变为100％+ 5％+ 5％，并且行宽于其容器。

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

您可以删除宽度：100％
您可以向父div添加填充（而不是行上的边距）
更改位置类型

Answer 2

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

Why is margin-right not working in ionic + AngularJS?

2 个答案: