all articles

flexbox make element collapse(height:0)

2015-06-30 @sunderls

android flexbox collapse js

desc

on android , css:flexbox sometime make element collapse(height:0).

solution

it is a bug maybe. on some android flexbox won't work unless the item is display:block, so if the flex items are inline-element like <span>, <a>, it possibly does not work, add following css:

.container
       +display(flex)
      .item
             display: block