Resultados de la búsqueda a petición "flexbox"
¿Por qué algunas de mis reglas CSS no funcionan?
Tengo un diseño de caja flexible anidado (usando bootstrap v4) que cambia la orientación según el modo horizontal / vertical. Un primer niveldiv (que se coloca mediante flexbox usando elorder propiedad),#no, contiene 5 iconos que sirven como ...
Dimensionar y alinear correctamente los elementos flexibles en la última fila
Digamos que tengo una lista de usuarios, y cada usuario tiene un número adjunto. Cada usuario aparece así: <span><a href="/user/Niet">Niet</a> ⇒ 2</span>Todos están diseñados con: .userlist>span { display: inline-block; padding: 2px 6px; ...
Chrome ignorando la base flexible en el diseño de la columna [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 respuestasTengo problemas para que Chrome preste atención a ...
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 ...
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 ...
lograr columnas de igual altura con flexbox
Estoy tratando de construir un diseño que tenga dos grupos de contenido separados: uno en el lado izquierdo y derecho, con ancho fijo (20% / 80%) por ahora. En cada lado, estoy tratando de organizar el contenido usando flexbox: panel izquierdo ...
Ejemplo de base flexible: contenido
Me di cuenta en elespecificación de flexbox [https://www.w3.org/TR/2016/CR-css-flexbox-1-20160301/]eseflex-basis se puede establecer encontent. Estoy tratando de usar eso en el html. Pero no funciona en cromo. ¿Alguien puede mostrarme un ...
Reaccione el icono y el texto de alineación de cuadro flexible nativo
en unreact native aplicación, yo uso'react-native-vector-icons/MaterialIcons'. Trato de un< botón con algo de texto. Desafortunadamente, el< el icono no está alineado al centro con el texto. El texto está en la misma línea que el< pero alineado ...
¿Cómo excluir el primer elemento en una envoltura de flexbox?
¿Hay alguna manera de excluir el primer elemento en una envoltura flexible que no sea reordenar el marcado? <div class="container"> <div id="tobeexcluded">abc</div> <div class="flexitem">content</div> <div class="flexitem">content</div> ...