https://wiki.cifprodolfoucha.es/index.php?action=history&feed=atom&title=CSS_Grid_vs_FlexboxCSS Grid vs Flexbox - Historial de revisiones2026-10-17T19:45:21ZHistorial de revisiones de esta página en el wikiMediaWiki 1.34.2https://wiki.cifprodolfoucha.es/index.php?title=CSS_Grid_vs_Flexbox&diff=19709&oldid=prevJoselv: Página creada con « = Introdución = Os elementos flotantes e o posicionamiento foron durante moito timpo as únicas ferramientas fiables para crear deseños CSS cuhna alta compatibilidade en…»2022-08-30T23:20:50Z<p>Página creada con « = Introdución = Os elementos flotantes e o posicionamiento foron durante moito timpo as únicas ferramientas fiables para crear deseños CSS cuhna alta compatibilidade en…»</p>
<p><b>Página nueva</b></p><div><br />
= Introdución =<br />
Os elementos flotantes e o posicionamiento foron durante moito timpo as únicas ferramientas fiables para crear deseños CSS cuhna alta compatibilidade entre navegadores. Cumplen o seu propósito, pero teñen unha funcionalidade limitada coa que resulta difícil obter un deseño de páxina sinxelo e flexible que cumpla con unos requisitos coma os seguintes:<br />
* Centrar verticalmente un bloque de contedo dentro do seu elemento pai.<br />
* Facer que todos os elementos secundarios dun contenedor ocupen unha cantidade igual do ancho/alto disponible, independentemente do ancho/alto que haiba disponible.<br />
* Facer que todos os elementos nuhna distribución de columnas múltiples adopten a mesma altura incluso se conteñen cantidades diferentes de contido.<br />
<br />
Desde 2016 podemos usar os novos valores flex e inline-flex en substitución de block ou inline-block para crear deseños flexibles. Os elementos flexbox facilitan moito as tarefas de distribución de elementos dentro da páxina.<br />
<br />
Algunhas das súas ventaxas son:<br />
* Xestión da alineación das caixas<br />
* Centrado horizontal e vertical<br />
* Altos de caixa similares<br />
* Fondos de coles uniformes<br />
<br />
También dispoñemos de display:grid para colocar os elementos usando unha rejilla.<br />
<br />
= Referencias =<br />
* [https://www.geeksforgeeks.org/comparison-between-css-grid-css-flexbox/ Difference between CSS Grid and CSS Flexbox - geeksforgeeks]<br />
* [https://texascreative.com/blog/css-grid-vs-flexbox CSS Grid vs. Flexbox]<br />
* [https://www.freecodecamp.org/news/css-flexbox-and-grid-tutorial/ CSS Flexbox and Grid Tutorial – How to Build a Responsive Landing Page with HTML and CSS]<br />
* [https://medium.com/youstart-labs/beginners-guide-to-choose-between-css-grid-and-flexbox-783005dd2412 Beginner’s Guide To CSS Grid And Flexbox]<br />
* [https://blog.udemy.com/css-grid-vs-flexbox/ CSS Grid vs. Flexbox: A Practical Guide]<br />
* [https://fernandoruizrico.com/css-unidad-6/#%C2%BFPor_que_flexbox CSS Flexbox]<br />
* [https://fernandoruizrico.com/css-unidad-5/#%C2%BFQue_es_el_modelo_de_cajas_CSS Modelo de cajas]</div>Joselv