Angularjs-上次ng重复后出现意外空格

我有一个非常奇怪的布局问题，使用ng repeat生成列表项

如果查看该视图，您将看到绿色的li（不是使用ng repeat生成的）由于意外的空间而转到下一行。此外，如果将li的宽度更改为33%，您将看到最后一个li（添加用户）未正确对齐

我可以使用一些css技巧来解决这个问题，但我想了解为什么会发生这种情况，以及是否有任何方法可以避免这种情况。以前有没有人遇到过这种情况，并弄明白为什么会发生这种情况

在下面添加代码只是因为plunker链接需要附带一些代码

.users * {
  box-sizing: border-box;
}
.users ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.users ul li {
  width: 49%;
  margin: 5px 1% 0 0;
  padding: 0;
  display: inline-block;
}
.users ul li.user {
  background: yellow;
}
.users ul li.add-user {
  background: lightgreen;
}

---

这是因为在结账

和

之间有一个空格（由回车符创建）

这样编写html，最后一个

li

将正确显示：

  ...
  <li class="user" data-ng-repeat="user in vm.users track by $index">
    <div>{{ user.name }}</div>
  </li><li class="add-user">
    <div>
      <a>Add Child</a>
    </div>
  </li>
 ...

。。。

{{user.name}

添加子项

...

谢谢你，Miam84。。。。我在这里得到了关于这个问题的更多信息。。。