角度のついたコメントは私のレイアウトに壊れています。

Question

Firefoxで角度のついたコメント（ウェブページに自動的に追加されます）がレイアウトを壊します。あなたはそれがFirefoxのフォールトだと言うことができます（コメントは何も変更してはいけません - それはコメントの後にあります）が、それにもかかわらず問題は存在します。

<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コメントを無効にする方法はありますか？

Answer 1

Angularコメントを無効にする方法がありますが、Angularはこれらのコメントを使用して指示にバインドされたDOM要素を追跡するため、Angularアプリを破損する可能性が高くなります。

あなたがブラウザ間でウェブアプリケーションの一貫したパフォーマンスをしたい場合、あなたは Normalize.cssのような正規化ライブラリを使用することができます

とautoprefixer