Question

有一个非常不寻常的问题，我不完全确定问题所在。

我有一个ng-repeat电话，看起来像这样

    .data.row.vote-entry{ "ng-repeat" => "option in agendaItem.conclusions"}
        .cast-vote
          %a{:href => "#", "ng-click" => "voteForConclusion(option)", "ng-class" => "{active: option.id == votedConclusion.id}"}
            =image_tag "icons/icon-conclude.png"

        .title
          %span {{option.description}}

这很简单，效果很好。

现在，对于每个.data.row.vote-entry元素，我都有css规则

margin-left: 4%;

应用，因此行从左侧偏移。它适用于ng-repeat的第一项，但是当循环中有多个项时会出现问题。加载页面时，第一个项目位于正确的位置，但是其他所有项目都位于最左侧，就像它们完全忽略了CSS规则一样。

有时，它们会在装载后很快弹回原位，但有时候它们只会停留在原位。如果我用类似firebug的东西检查页面，那么CSS规则就到位了，奇怪的是，如果我禁用边距规则，然后重新启用它，那么它们就会转到正确的位置，所以我真的很困惑至于为什么会这样。

有人能给我一些线索，告诉我这里可能会发生什么，因为我真的很难过！

这是问题的jsFiddle演示部分。不幸的是，它没有证明条形图如何保持在左侧太远（不能完全复制那条）但它确实显示了条形图如何从左边开始太远然后跳到正确的位置

Answer 1

即使left: 4%无法正常使用，看起来好像使用margin-left: 4%

保证金 - 左边使用ng-repeat仅适用于第一个元素

1 个答案: