Resultados de la búsqueda a petición "flexbox"
El código Flexbox funciona en todos los navegadores, excepto Safari. ¿Por qué?
Columnas de cuadrícula con etiquetas de lista, necesito mostrarlas en el orden correcto por cada 3 columnas, con ancho automático habilitado para cada elemento de lista HTML adicional. Este es mi ejemplo: <style> ul { margin: 0; padding: 0; ...
Centrar los elementos flexibles con uno al final de la fila [duplicado]
Esta pregunta ya tiene una respuesta aquí: Centro y alinear a la derecha los elementos flexbox [/questions/38948102/center-and-right-align-flexbox-elements] 4 respuestasEstoy creando una barra de navegación conflexbox. Aquí está mihtml: <div ...
CSS alinea un elemento a la derecha con flexbox
https://jsfiddle.net/vhem8scs/ [https://jsfiddle.net/vhem8scs/] ¿Es posible tener dos elementos alineados a la izquierda y un elemento alineado a la derecha con flexbox? El enlace lo muestra más claramente. El último ejemplo es lo que quiero ...
Zebra tira de una mesa flexbox con envoltorios
Estoy buscando la forma más sencilla de crear rayas de cebra en las filas de la siguiente tabla sensible de flexbox. En otras palabras, las filas 2 y 4 en este ejemplo, pero ilimitadas, no puedo saber cuántas filas habrá porque esto es para un ...
Centrar verticalmente un div dentro de otro div
Estoy tratando devertical-align: middle un div dentro de otro div, pero por alguna razón no funciona correctamente. ¿Qué estoy haciendo mal? #wrapper { border: 1px solid red; width: 500px; height: 500px; } #block { border: 1px solid blue; ...
Usando Flexbox para presentar 4 imágenes en un ul como una cuadrícula de 2x2
Estoy refactorizando el código que no responde y estoy tratando de mostrar el siguiente código comoRejilla 2x2utilizandoFlexbox. He intentado usardisplay: flex, flex-flow: row-wrap, pero las imágenes en miul actúan como elementos de bloque y no ...
Comprender la diferencia entre las propiedades flex y flex-grow
¿Cuál es la diferencia de efecto entre la configuraciónflex: 1; y ambientaciónflex-grow: 1;? Cuando configuro el primero en mi código, las dos columnas que tengo se muestran con el mismo ancho, mientras que no lo hacen cuando configuro el ...
Flexbox no funciona en botones o elementos de campo
Estoy tratando de centrar elementos internos de un<button>-etiqueta con flexbox'sjustify-content: center. Pero Safari no los centra. Puedo aplicar el mismo estilo a cualquier otra etiqueta y funciona según lo previsto (consulte el<p>-etiqueta). ...
Alturas renderizadas de manera diferente en Chrome y Firefox [duplicado]
Esta pregunta ya tiene una respuesta aquí: Chrome / Safari no llena el 100% de la altura del padre flexible [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respuestasEncontré si establecemos un elemento de nivel de ...
¿Cómo crear bordes "colapsados" alrededor de los elementos flexibles y su contenedor?
Tengo el siguiente diseño: #limited-width { width: 100%; max-width: 200px; margin: 0 auto; font-size: 18px; } ul { display: flex; flex-flow: row wrap; list-style: none; padding: 0; margin: 20px; } ul > li { display: block; text-align: center; ...