28 lines
1.2 KiB
HTML
28 lines
1.2 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>
|