Resultados de la búsqueda a petición "flexbox"
¿El índice z especifica el nivel de pila de un elemento flexible no posicionado?
En CSS 2.1,z-index [http://www.w3.org/TR/CSS21/visuren.html#z-index]solo se aplica a elementos posicionados y especifica dos cosas diferentes: El nivel de pila de la caja en el contexto de apilamiento actual.Si la caja establece un contexto de ...
Pantalla de simulación: en línea en React Native
React Native no es compatible con CSSdisplay propiedad y, de forma predeterminada, todos los elementos utilizan el comportamiento dedisplay: flex (Noinline-flex ya sea). La mayoría de los diseños no flexibles se pueden simular con propiedades ...
¿Cuál es la diferencia entre flex-start y baseline?
Cuando se trabaja con propiedades flex align- *, ¿cuál es la diferencia entreflex-start ybaseline? El fragmento de código siguiente proporciona el mismo resultado paraalign-self: flex-start yalign-self: baseline. En qué casosalign-self: ...
¿Cuáles son las diferencias entre flex-grow y width?
Recientemente comencé a usar el flexbox y a menudo surge la situación en la que necesito distribuir espacio en el eje principal entre los elementos. A menudo dudo entrewidth yflex-grow. Por ejemplo, si quiero que un elemento mida 2 medidas, y la ...
¿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; ...
La alineación vertical no funciona en div
Estoy tratando de alinear verticalmente un div pero no funciona para nada por alguna razón. ¿Qué estoy haciendo mal? body { border: 1px solid red; height: 500px; } #contactUs { border: 1px solid blue; vertical-align: bottom; }<div id = ...
Reaccionar flexbox nativo: cómo hacer porcentajes || columnas || sensible || cuadrícula, etc.
Después de trabajar con React Native en iOS durante las últimas semanas, parece que me he encontrado con algunas deficiencias en el estilo flexible ... Particularmente cuando se trata de un comportamiento "receptivo". Por ejemplo, supongamos que ...
¿Por qué Align-Self no está alineando mi div en la parte inferior de mi flexbox?
Tengo dos columnas de igual altura y estoy tratando de que el enlace "Leer más" en cada columna se ubique en la parte inferior de la columna, sin importar cuánto contenido haya en la columna adyacente. estoy usandoalign-self: flex-end, que creo ...
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 ...