Tuesday, 7 June 2016

html show things in the middle vertially, flex box



flex box

you should apply this to the parent div:

.v-center{
   display: flex;
   align-item: center;
}

display: flex; will make all children divs use the same hight as their big brother.





http://zh.learnlayout.com/flexbox.html


Flex box works with span directly


apply "   display: flex;" to a span, text will display in the middle of the span.


No comments:

Post a comment