Normalmente en la actualizad para crear la estructura de una web con distintos bloques paralelos usamos la propiedad float o antiguamente se usaban tablas (y no tan antiguamente). Pero CSS3 incorporó Flexbox, una forma totalmente personalizable de ordenar y estructurar elementos en una web que se adapta de la forma que prefieras, lo que la hace perfecta para los Responsive Designs.
Este es el uso más básico, ya que podemos personalizar cualquier cosa, en este caso los bloques están en horizontal y justificados. Pero podemos alinearlos a un lado u otro o hacer que aprovechen todo el alto (en caso de estar dispuestos en horizontal, uno al lado del otro) o todo el ancho (si están en vertical) y muchas cosas más, que iremos viendo poco a poco. Nota: pondremos en práctica la actualización de flexbox, que además debemos de usar con los prefijos de los navegadores.
via Pedro Gutiérrez [Xitrus - RSS] http://xitrus.es/blog/86/Introducci%C3%B3n_a_Flexbox_o_bloques_flexibles
flex: 1;
flex: 1;
flex: 2;
flex: 3;
flex: 1;
flex: 1;
flex: 1;
flex: 1;
Este es el uso más básico, ya que podemos personalizar cualquier cosa, en este caso los bloques están en horizontal y justificados. Pero podemos alinearlos a un lado u otro o hacer que aprovechen todo el alto (en caso de estar dispuestos en horizontal, uno al lado del otro) o todo el ancho (si están en vertical) y muchas cosas más, que iremos viendo poco a poco. Nota: pondremos en práctica la actualización de flexbox, que además debemos de usar con los prefijos de los navegadores.
via Pedro Gutiérrez [Xitrus - RSS] http://xitrus.es/blog/86/Introducci%C3%B3n_a_Flexbox_o_bloques_flexibles
Comentaris
Publica un comentari a l'entrada