Mais conteúdo relacionado Flexbox - La tendencia de las cajas flexibles3. 3 CONFIDENTIAL
Antes y Después
● Pasado: tablas
● Presente:
○ float
○ clear
○ vertical-align
○ display: inline-block/table
● Futuro: flexbox
5. 5 CONFIDENTIAL
Propiedades
● Display: flex
● Axes:
○ flex-direction
○ justify-content
○ align-items
○ align-self
○ align-content
● Direction:
○ order
○ flex-flow
● Lines:
○ flex-wrap
6. 6 CONFIDENTIAL
● Dimensions:
○ min-height
○ min-width
○ flex-grow
○ flex-shrink
○ flex-basis
○ flex (flex-grow + flex-shrink +
flex-basis)
Propiedades
19. 19 CONFIDENTIAL
● Guías:
○ https://css-tricks.com/snippets/css/a-guide-to-flexbox/
○ https://developer.mozilla.org/es/docs/Web/CSS/CSS_Flexible_Box_Layout/Usando_las_cajas_flex
ibles_CSS
● Ejemplos:
○ http://flexboxfroggy.com/
○ https://philipwalton.github.io/solved-by-flexbox/
○ https://davidwalsh.name/flexbox-dice
○ http://bennettfeely.com/flexplorer/
● Bugs:
○ https://github.com/philipwalton/flexbugs
Referencias