-1

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

我有一个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演示问题的一部分。不幸的是，它并没有说明条形图是如何在左侧太远的（无法完全重现那个），但它确实显示了条形图如何从左侧开始太远，然后跳到正确的位置

4

1 回答 1

0

left: 4%即使margin-left: 4%不能正常工作，看起来也可以使用

于 2013-06-18T07:43:00.370 回答