Migrate to Compat macro (zh-cn)

1 files changed, 1 insertions, 173 deletions

diff --git a/files/zh-cn/web/css/justify-content/index.html b/files/zh-cn/web/css/justify-content/index.html
index 125f5b410f..eddbc5bf32 100644
--- a/files/zh-cn/web/css/justify-content/index.html
+++ b/files/zh-cn/web/css/justify-content/index.html
@@ -177,179 +177,7 @@ justifyContent.addEventListener("change", function (evt) {
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Edge</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{CompatChrome(21.0)}} {{property_prefix("-webkit")}}<br>
-    {{CompatChrome(29.0)}}<sup>[3]</sup></td>
-   <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
-    {{CompatVersionUnknown}}</td>
-   <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br>
-    {{CompatGeckoDesktop("20.0")}}<sup>[2]</sup></td>
-   <td>11</td>
-   <td>12.10</td>
-   <td>9</td>
-  </tr>
-  <tr>
-   <td><code>space-evenly</code></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop("52.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>start</code>, <code>end</code></td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>left</code>, <code>right</code></td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop("52.0")}}<sup>[5]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>baseline</code></td>
-   <td>{{CompatChrome("57.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatOpera("44.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>first baseline</code>, <code>last baseline</code></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop("52.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>stretch</code></td>
-   <td>{{CompatChrome("57.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop("52.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatOpera("44.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>Android</th>
-   <th>Android Webview</th>
-   <th>Edge</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-   <th>Chrome for Android</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
-   <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
-    {{CompatVersionUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>12.10</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
-  </tr>
-  <tr>
-   <td><code>space-evenly</code></td>
-   <td>{{CompatGeckoMobile("52.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>start</code>, <code>end</code></td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>left</code>, <code>right</code></td>
-   <td>{{CompatNo}}<sup>[4]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoMobile("52.0")}}<sup>[5]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}<sup>[4]</sup></td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>baseline</code></td>
-   <td>{{CompatChrome("57.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatOpera("44.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>first baseline</code>, <code>last baseline</code></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoMobile("52.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>stretch</code></td>
-   <td>{{CompatChrome("57.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoMobile("52.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatOpera("44.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] 直到Firefox 28，Firefox都只支持单行弹性框。用户需要修改about:config，将“layout.css.flexbox.enabled”设置为“<code>true</code>”来在Firefox 18和19应用弹性框。</p>
-
-<p>[2] 比较旧的版本规范将绝对定位子项认为0 x 0 flex项。 后面的规范版本将它们从流程中取出并根据对齐和对齐属性设置它们的位置。 Chrome从Chrome 52开始的实施新行为。</p>
+{{Compat("css.properties.justify-content")}}
 
 <h2 id="参考">参考</h2>