Herramientas de usuario

Herramientas del sitio


clase:daw:diw:1eval:tema05

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
clase:daw:diw:1eval:tema05 [2024/11/03 22:30]
admin [Flexbox]
clase:daw:diw:1eval:tema05 [2024/11/03 22:33] (actual)
admin [Flexbox]
Línea 143: Línea 143:
 </div> </div>
 </sxh> </sxh>
 +
 +<note tip>
 +Si definimos ''flex-grow'', el item crecerá hasta tener un tamaño mayor o justo el den contenido, así que no tiene sentido usar ''flex-shrink:1'' ya que ya se podría hacer más pequeño ni usar ''flex-basis'' ya que no tendrá un tamaño fijo.
 +</note>
  
  
Línea 214: Línea 218:
   * El ''item3'' ocupará todo el espacio que haya libre (por ''flex-grow:1'') y eso incluye hacerlo más grande o pequeño   * El ''item3'' ocupará todo el espacio que haya libre (por ''flex-grow:1'') y eso incluye hacerlo más grande o pequeño
  
-<note tip> 
-Si no definimos ''flex-basis'', el item por defecto tiene el tamaño del contenido, así que no tiene sentido user ''flex-shrink:1'' ya que no se puede hacer más pequeño. 
-</note> 
  
-<note tip> +
-Si definimos ''flex-grow'', el item crecerá hasta tener un tamaño mayor , así que no tiene sentido usar ''flex-shrink:1'' ya que ya se podría hacer más pequeño ni usar ''flex-basis'' ya que no tendrá un tamaño fijo. +
-</note>+
  
 ==== flex ==== ==== flex ====
clase/daw/diw/1eval/tema05.1730669445.txt.gz · Última modificación: 2024/11/03 22:30 por admin