36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
HTML
|
<div id="flex_direction_column_no_height" style="width: 100px">
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="flex_direction_row_no_width" style="height: 100px; flex-direction: row;">
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="flex_direction_column" style="height: 100px; width: 100px;">
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="flex_direction_row" style="height: 100px; width: 100px; flex-direction: row;">
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="flex_direction_column_reverse" style="height: 100px; width: 100px; flex-direction: column-reverse;">
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
<div style="height: 10px;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="flex_direction_row_reverse" style="height: 100px; width: 100px; flex-direction: row-reverse;">
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
<div style="width: 10px;"></div>
|
||
|
|
</div>
|