added baseline support

This commit is contained in:
Lukas Woehrl
2017-01-04 22:21:29 +01:00
parent 663a93912b
commit 3d840e533b
14 changed files with 1021 additions and 3 deletions

View File

@@ -0,0 +1,26 @@
<div id="align_baseline" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
<div style="width: 50px; height: 20px;"></div>
</div>
<div id="align_baseline_child" style="width: 100px; height: 100px; flex-direction:row; background-color:red; align-items: baseline;">
<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:yellow"></div>
</div>
</div>
<div id="align_baseline_double_nested_child" style="width: 100px; height: 100px; flex-direction:row; background-color:red; align-items: baseline;">
<div style="width: 50px; height: 50px;background-color:green">
<div style="width: 50px; height: 20px;background-color:yellow"></div>
</div>
<div style="width: 50px; height: 20px;background-color:green">
<div style="width: 50px; height: 15px;background-color:yellow"></div>
</div>
</div>
<div id="align_baseline_column" style="width: 100px; height: 100px; flex-direction:column; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
<div style="width: 50px; height: 20px;"></div>
</div>