added tests for flex-end and without margin
This commit is contained in:
@@ -144,9 +144,26 @@
|
||||
<div style="width: 50px; height: 20px;"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="align_items_center_nested" style="height: 52px; width: 52px; position: absolute; align-items: center; justify-content: center;">
|
||||
<div id="align_items_center_child_with_margin_bigger_than_parent" style="height: 52px; width: 52px; position: absolute; align-items: center; justify-content: center;">
|
||||
<div style="align-items: center;">
|
||||
<div style="width: 52px; height: 52px; margin-left: 10px; margin-right: 10px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="align_items_flex_end_child_with_margin_bigger_than_parent" style="height: 52px; width: 52px; position: absolute; align-items: center; justify-content: center;">
|
||||
<div style="align-items: flex-end;">
|
||||
<div style="width: 52px; height: 52px; margin-left: 10px; margin-right: 10px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="align_items_center_child_without_margin_bigger_than_parent" style="height: 52px; width: 52px; position: absolute; align-items: center; justify-content: center;">
|
||||
<div style="align-items: center;">
|
||||
<div style="width: 72px; height: 72px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="align_items_flex_end_child_without_margin_bigger_than_parent" style="height: 52px; width: 52px; position: absolute; align-items: center; justify-content: center;">
|
||||
<div style="align-items: flex-end;">
|
||||
<div style="width: 72px; height: 72px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user