fix layout with explicit top specified

This commit is contained in:
Lukas Woehrl
2017-01-05 14:29:26 +01:00
parent 00ab30e337
commit 23ad2df59c
5 changed files with 444 additions and 9 deletions

View File

@@ -10,6 +10,20 @@
</div>
</div>
<div id="align_baseline_child_top" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
<div style="width: 50px; height: 50px;top:10px;"></div>
<div style="width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
</div>
<div id="align_baseline_child_top2" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
<div style="width: 50px; height: 20px;top:5px">
<div style="width: 50px; height: 10px;"></div>
</div>
</div>
<div id="align_baseline_double_nested_child" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
<div style="width: 50px; height: 50px;">
<div style="width: 50px; height: 20px;"></div>
@@ -33,12 +47,12 @@
</div>
<div id="align_baseline_multiline" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;flex-wrap:wrap;">
<div style="width: 50px; height: 50px;background-color:green;"></div>
<div style="width: 50px; height: 20px;background-color:green;">
<div style="width: 50px; height: 10px;background-color:blue"></div>
<div style="width: 50px; height: 50px;"></div>
<div style="width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
<div style="width: 50px; height: 20px;background-color:green;">
<div style="width: 50px; height: 10px;background-color:blue"></div>
<div style="width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
<div style="width: 50px; height: 50px;background-color:green;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>