File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -2615,36 +2615,6 @@ <h3 id=align-items-property><span class=secno>8.3. </span> Cross-axis
26152615 keywords and their effects on a flex container with four colored items.
26162616 </ div >
26172617
2618- < div class =example >
2619- < p > By using a vertical flex container and ‘< a href ="#align-items "> < code
2620- class =property > align-items</ code > </ a > ’, we can achieve behavior very
2621- close to HTML's < code > <center> </ code > element:
2622-
2623- < div class =code-and-figure >
2624- < div >
2625- < pre >
2626- <div>
2627- <p> foo foo foo foo</p>
2628- <p> bar bar<br> bar bar</p>
2629- <p> foo foo foo foo foo foo foo
2630- foo foo foo foo foo</p>
2631- </div>
2632- <style>
2633- div {
2634- display: flex;
2635- flex-flow: column;
2636- align-items: center;
2637- width: 200px;
2638- }
2639- </style> </ pre >
2640- </ div >
2641-
2642- < div >
2643- < p > < img alt ="" src ="images/basic-vertical-flexbox.png ">
2644- </ div >
2645- </ div >
2646- </ div >
2647-
26482618 < h3 id =align-content-property > < span class =secno > 8.4. </ span > Packing Flex
26492619 Lines: the ‘< a href ="#align-content "> < code
26502620 class =property > align-content</ code > </ a > ’ property</ h3 >
Original file line number Diff line number Diff line change @@ -1958,29 +1958,6 @@ <h3 id='align-items-property'>
19581958 < p class ='caption '> An illustration of the five 'align-items' keywords and their effects on a flex container with four colored items.
19591959 </ div >
19601960
1961- < div class =example >
1962- < p > By using a vertical flex container and 'align-items', we can achieve behavior very close to HTML's < code > <center> </ code > element:
1963-
1964- < div class ='code-and-figure '>
1965- < div > < pre >
1966- <div>
1967- <p> foo foo foo foo</p>
1968- <p> bar bar<br> bar bar</p>
1969- <p> foo foo foo foo foo foo foo
1970- foo foo foo foo foo</p>
1971- </div>
1972- <style>
1973- div {
1974- display: flex;
1975- flex-flow: column;
1976- align-items: center;
1977- width: 200px;
1978- }
1979- </style> </ pre > </ div >
1980- < div > < p > < img alt ="" src ="images/basic-vertical-flexbox.png "> </ div >
1981- </ div >
1982- </ div >
1983-
19841961< h3 id ='align-content-property '>
19851962Packing Flex Lines: the 'align-content' property</ h3 >
19861963
You can’t perform that action at this time.
0 commit comments