32 lines
1.5 KiB
HTML
32 lines
1.5 KiB
HTML
|
<div id="align_content_flex_start" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; 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: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; 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: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; 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: 100px; 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>
|