Question

在Firefox中，Angular评论（自动添加到网页中）会破坏我的布局。你可以说这是Firefox的错误（因为评论不应该改变任何东西 - 毕竟它是一个评论），但问题仍然存在。

这是由Angular创建的页面 - 剥离到最小，只是为了显示问题：

<table style="margin:auto">
  <tbody><tr><td>
    <ol>
    <li>
      <span style="padding-left:1em">
        <h3 style="display:inline">
          first
        </h3>
      </span>
    </li><li>
      <span style="padding-left:1em">
        <h3 style="display:inline">
          second
        </h3>
        <!-- ngRepeat: ... -->
      </span>
    </li><li>
      <span style="padding-left:1em">
        <h3 style="display:inline">
          third
        </h3>
      </span>
    </li>
  </ol>
</td></tr>
</tbody></table>

所有li元素都是由Angular转发器创建的，并且每个元素都添加了一条注释。然而，中间注释打破了布局 - 创建了额外的垂直空间。

如何解决这个问题？有没有办法禁用Angular评论？

Answer 1

有一些方法可以禁用Angular注释，但这很可能会破坏你的Angular应用程序，因为Angular使用这些注释来跟踪绑定到指令的DOM元素。

如果您希望跨浏览器保持Web应用的一致性，可以使用标准化库，例如Normalize.css和autoprefixer

角度评论打破了我的布局 - 如何处理它们？

1 个答案: