mozilla

Compare Revisions

CSS flexible box

Change Revisions

Revision 292046:

Revision 292046 by ernestd on

Revision 292047:

Revision 292047 by ernestd on

Title:
Flexbox
Flexbox
Slug:
CSS/Flexbox
CSS/Flexbox
Content:

Revision 292046
Revision 292047
t18        <strong>Note:</strong>&nbsp;A <a class=" external" href="t18        <strong>Note:</strong>&nbsp;A <a class="external" href="h
>http://www.w3.org/TR/css3-flexbox/" title="http://www.w3.org/TR/c>ttp://www.w3.org/TR/css3-flexbox/" title="http://www.w3.org/TR/cs
>ss3-flexbox/">current specification</a> is being drafted in order>s3-flexbox/">current specification</a> is being drafted in order 
> to improve <a class=" external" href="http://www.w3.org/TR/2009/>to improve <a class="external" href="http://www.w3.org/TR/2009/WD
>WD-css3-flexbox-20090723/" title="http://www.w3.org/TR/2009/WD-cs>-css3-flexbox-20090723/" title="http://www.w3.org/TR/2009/WD-css3
>s3-flexbox-20090723/">previous flexbox specification</a>. Current>-flexbox-20090723/">previous flexbox specification</a>. Current b
> browsers widely support the former implementation and it will re>rowsers widely support the former implementation and it will rema
>main supported. Both implementations use a different CSS prefix (>in supported. Both implementations use a different CSS prefix (bo
>box- and flex-) so both can be available in the browser. This art>x- and flex-) so both can be available in the browser. This artic
>icle will overview both implementations.>le will overview both implementations.
19      </div>
20      <h2>
21        box- implementation
22      </h2>
23      <p>
24        &nbsp;
25      </p>
26      <h3>
27        Compatibility
28      </h3>
29      <p>
30        {{ CompatibilityTable() }}
31      </p>
32      <div id="compat-desktop">
33        <table class="compat-table">
34          <tbody>
35            <tr>
36              <th>
37                Feature
38              </th>
39              <th>
40                Chrome
41              </th>
42              <th>
43                Firefox (Gecko)
44              </th>
45              <th>
46                Internet Explorer
47              </th>
48              <th>
49                Opera
50              </th>
51              <th>
52                Safari
53              </th>
54            </tr>
55            <tr>
56              <td>
57                Basic support
58              </td>
59              <td>
60                Supported
61              </td>
62              <td>
63                Supported
64              </td>
65              <td>
66                {{ CompatNo() }}
67              </td>
68              <td>
69                {{ CompatNo() }}
70              </td>
71              <td>
72                Supported
73              </td>
74            </tr>
75          </tbody>
76        </table>
77      </div>
78      <div id="compat-mobile">
79        <table class="compat-table">
80          <tbody>
81            <tr>
82              <th>
83                Feature
84              </th>
85              <th>
86                Android
87              </th>
88              <th>
89                Firefox Mobile (Gecko)
90              </th>
91              <th>
92                IE Mobile
93              </th>
94              <th>
95                Opera Mobile
96              </th>
97              <th>
98                Safari Mobile
99              </th>
100            </tr>
101            <tr>
102              <td>
103                Basic support
104              </td>
105              <td>
106                Supported
107              </td>
108              <td>
109                {{ CompatNo() }}
110              </td>
111              <td>
112                {{ CompatNo() }}
113              </td>
114              <td>
115                {{ CompatNo() }}
116              </td>
117              <td>
118                Supported
119              </td>
120            </tr>
121          </tbody>
122        </table>
123      </div>
124      <p>
125        &nbsp;
126      </p>
19      </div>127    </div>
128    <div>
129      <h2>
130        flex- implementation
131      </h2>
132      <h3>
133        Compatibility
134      </h3>
135      <p>
136        {{ CompatibilityTable() }}
137      </p>
138      <div id="compat-desktop">
139        <table class="compat-table">
140          <tbody>
141            <tr>
142              <th>
143                Feature
144              </th>
145              <th>
146                Chrome
147              </th>
148              <th>
149                Firefox (Gecko)
150              </th>
151              <th>
152                Internet Explorer
153              </th>
154              <th>
155                Opera
156              </th>
157              <th>
158                Safari
159              </th>
160            </tr>
161            <tr>
162              <td>
163                Basic support
164              </td>
165              <td>
166                {{ CompatNo() }}
167              </td>
168              <td>
169                {{ CompatNo() }}
170              </td>
171              <td>
172                {{ CompatNo() }}
173              </td>
174              <td>
175                {{ CompatNo() }}
176              </td>
177              <td>
178                {{ CompatNo() }}
179              </td>
180            </tr>
181          </tbody>
182        </table>
183      </div>
184      <div id="compat-mobile">
185        <table class="compat-table">
186          <tbody>
187            <tr>
188              <th>
189                Feature
190              </th>
191              <th>
192                Android
193              </th>
194              <th>
195                Firefox Mobile (Gecko)
196              </th>
197              <th>
198                IE Mobile
199              </th>
200              <th>
201                Opera Mobile
202              </th>
203              <th>
204                Safari Mobile
205              </th>
206            </tr>
207            <tr>
208              <td>
209                Basic support
210              </td>
211              <td>
212                {{ CompatNo() }}
213              </td>
214              <td>
215                {{ CompatNo() }}
216              </td>
217              <td>
218                {{ CompatNo() }}
219              </td>
220              <td>
221                {{ CompatNo() }}
222              </td>
223              <td>
224                {{ CompatNo() }}
225              </td>
226            </tr>
227          </tbody>
228        </table>
229      </div>
230      <p>
231        &nbsp;
232      </p>

Back to History