6a7ad2125d
Summary: Adds the two missing alignments ```space-between``` and ```space-around``` for ```align-content``` . Those values are a noop on ```align-items``` in order to prevent a breaking changes for an additional enum. Fix #229 Closes https://github.com/facebook/yoga/pull/364 Reviewed By: gkassabli Differential Revision: D4528561 Pulled By: emilsjolander fbshipit-source-id: ea6291b6dd22cef05d9eec03893250d50371236e
48 lines
2.2 KiB
HTML
48 lines
2.2 KiB
HTML
<div id="align_content_flex_start" style="width: 130px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: flex-start;">
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
</div>
|
|
|
|
<div id="align_content_flex_end" style="width: 130px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: flex-end;">
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
</div>
|
|
|
|
<div id="align_content_center" style="width: 130px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: center;">
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
</div>
|
|
|
|
<div id="align_content_stretch" style="width: 150px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: stretch;">
|
|
<div style="width: 50px;"></div>
|
|
<div style="width: 50px;"></div>
|
|
<div style="width: 50px;"></div>
|
|
<div style="width: 50px;"></div>
|
|
<div style="width: 50px;"></div>
|
|
</div>
|
|
|
|
<div id="align_content_spacebetween" style="width: 130px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: space-between;">
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
</div>
|
|
|
|
<div id="align_content_spacearound" style="width: 140px; height: 120px; flex-wrap: wrap; flex-direction: row; align-content: space-around;">
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
<div style="width: 50px; height: 10px;"></div>
|
|
</div>
|