be8773fee0
Summary: Fixes #261 Closes https://github.com/facebook/css-layout/pull/262 Reviewed By: splhack Differential Revision: D4245200 Pulled By: emilsjolander fbshipit-source-id: 77d802d71010ed426511d6a01e6de1e7c9194179
33 lines
1.4 KiB
HTML
33 lines
1.4 KiB
HTML
<div id="wrap_column" style="height: 100px; flex-wrap: wrap">
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
</div>
|
|
|
|
<div id="wrap_row" style="width: 100px; flex-direction: row; flex-wrap: wrap">
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
</div>
|
|
|
|
<div id="wrap_row_align_items_flex_end" style="width: 100px; flex-direction: row; flex-wrap: wrap; align-items: flex-end;">
|
|
<div style="height: 10px; width: 30px;"></div>
|
|
<div style="height: 20px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
</div>
|
|
|
|
<div id="wrap_row_align_items_center" style="width: 100px; flex-direction: row; flex-wrap: wrap; align-items: center;">
|
|
<div style="height: 10px; width: 30px;"></div>
|
|
<div style="height: 20px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
<div style="height: 30px; width: 30px;"></div>
|
|
</div>
|
|
|
|
<div id="flex_wrap_children_with_min_main_overriding_flex_basis" style="width: 100px; flex-wrap: wrap; flex-direction: row;">
|
|
<div style="flex-basis: 50px; height: 50px; min-width: 55px;"></div>
|
|
<div style="flex-basis: 50px; height: 50px; min-width: 55px;"></div>
|
|
</div>
|