aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/web/css/css_flexible_box_layout
diff options
context:
space:
mode:
authorYujiSoftware <yuji.software+github@gmail.com>2022-03-02 20:01:54 +0900
committerIrvin <irvinfly@gmail.com>2022-03-04 01:02:45 +0800
commitc46e9da7f68bd682fc9ff1452b7fe63df1227151 (patch)
treefe6c6e20521b16a22ec64755b88a39effd81a4d7 /files/zh-tw/web/css/css_flexible_box_layout
parente671353fc364cef89441d031e0e8b9300b67951b (diff)
downloadtranslated-content-c46e9da7f68bd682fc9ff1452b7fe63df1227151.tar.gz
translated-content-c46e9da7f68bd682fc9ff1452b7fe63df1227151.tar.bz2
translated-content-c46e9da7f68bd682fc9ff1452b7fe63df1227151.zip
Migrate to Compat macro (zh-tw)
Diffstat (limited to 'files/zh-tw/web/css/css_flexible_box_layout')
-rw-r--r--files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html93
1 files changed, 1 insertions, 92 deletions
diff --git a/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html b/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
index 0ef6f2abf0..351313a975 100644
--- a/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
+++ b/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
@@ -284,98 +284,7 @@ original_slug: Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
<p>Page breaks are possible in flexible boxes layout as long as <code>break-</code> property allows it. CSS3 <code>break-after</code>, <code>break-before</code>, and <code>break-inside</code> as well as CSS 2.1 <code>page-break-before</code>, <code>page-break-after</code>, and <code>page-break-inside</code> properties are accepted on a flex container, flex items, and inside flex items.</p>
-<h2 id="瀏覽器相容性">瀏覽器相容性</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support (single-line flexbox)</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[6]</sup>{{property_prefix("-moz")}}<sup>[2]</sup><br>
- {{CompatGeckoDesktop("22.0")}}</td>
- <td>21.0{{property_prefix("-webkit")}}<br>
- 29.0</td>
- <td>11<sup>[3]</sup></td>
- <td>12.10{{property_prefix("-webkit")}}<sup>[5]</sup></td>
- <td>6.1{{property_prefix("-webkit")}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td>Multi-line flexbox</td>
- <td>{{CompatGeckoDesktop("28.0")}}</td>
- <td>21.0{{property_prefix("-webkit")}}<br>
- 29.0</td>
- <td>11<sup>[3]</sup></td>
- <td>12.10<sup>[5]</sup><br>
- 15 {{property_prefix("-webkit")}}</td>
- <td>6.1{{property_prefix("-webkit")}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support (single-line flexbox)</td>
- <td>{{CompatGeckoMobile("18.0")}}{{property_prefix("-moz")}}<sup>[2]</sup><br>
- {{CompatGeckoMobile("22.0")}}</td>
- <td>
- <p>1.0{{property_prefix("-moz")}}<sup>[2]</sup><br>
- 1.1</p>
- </td>
- <td>2.1{{property_prefix("-webkit")}}<sup>[4]</sup><br>
- 4.4</td>
- <td>11</td>
- <td>12.10<sup>[5]</sup><br>
- 15{{property_prefix("-webkit")}}</td>
- <td>7{{property_prefix("-webkit")}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td>Multi-line flexbox</td>
- <td>{{CompatGeckoMobile("28.0")}}</td>
- <td>1.3</td>
- <td>2.1{{property_prefix("-webkit")}}<sup>[4]</sup><br>
- 4.4</td>
- <td>11</td>
- <td>12.10<sup>[5]</sup><br>
- 15{{property_prefix("-webkit")}}</td>
- <td>7{{property_prefix("-webkit")}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Safari up to version 6.0 (iOS.1) supported an old incompatible draft version of the specification. Safari 6.1 (and Safari on iOS 7) has been updated to support the final version.</p>
-
-<p>[2] Up to Firefox 22, to activate flexbox support, the user has to change the <code>about:config</code> preference <code>layout.css.flexbox.enabled</code> to <code>true</code>. From Firefox 22 to Firefox 27, the preference is <code>true</code> by default, but the preference has been removed in Firefox 28.</p>
-
-<p>[3] Internet Explorer 10 supports an old incompatible draft version of the specification; Internet Explorer 11 <a href="http://msdn.microsoft.com/en-us/library/ie/dn265027%28v=vs.85%29.aspx">has been updated</a> to support the final version.</p>
-
-<p>[4] Android browser up to 4.3 supported an old incompatible draft version of the specification. Android 4.4 has been updated to support the final version.</p>
-
-<p>[5] While in the initial implementation in Opera 12.10 <code>flexbox</code> was not prefixed, it got prefixed in versions 15 to 16 of Opera and 15 to 19 of Opera Mobile with {{property_prefix("-webkit")}}. The prefix was removed again in Opera 17 and Opera Mobile 24.</p>
-
-<p>[6] Up to Firefox 29, specifying <code>visibility: collapse</code> on a flex item causes it to be treated as if it were <code>display: none</code> instead of the intended behavior, treating it as if it were <code>visibility: hidden</code>. The suggested workaround is to use <code>visibility:hidden</code> for flex items that should behave as if they were designated <code>visibility:collapse</code>. For more information, see {{bug(783470)}}.</p>
+
<h2 id="參見">參見</h2>