Resultados de la búsqueda a petición "flexbox"

2 la respuesta

Renderice dos elementos (imágenes) uno al lado del otro en una vista de lista en react native

Estoy tratando de diseñar algo como la captura de pantalla a continuación en react native. Tenga en cuenta que cada mosaico es un elemento Producto obtenido del backend. [/imgs/1MHXq.png] Pero no puedo hacer esto usando ListView y su método ...

2 la respuesta

Haga que el relleno div quede espacio * horizontal * restante en flexbox

Tengo 2 divs de lado a lado en un flexbox. El de la derecha siempre debe tener el mismo ancho, y quiero que el de la izquierda solo tome el espacio restante. Pero no lo hará a menos que establezca específicamente su ancho. Por lo tanto, en este ...

1 la respuesta

¿Cómo hacer que las cajas se alineen una al lado de la otra en lugar de una encima de la otra en flexbox?

Preguntándome por quéitemContainer ypriceContainer no se mostrarán uno al lado del otro? ¿Debo incluir algún tipo de archivo para FlexBox? Pensé que estaba integrado en CSS3. ¿Hay un complemento estándar para utilizar? .container { display: ...

2 la respuesta

Columnas de igual altura con contenido centrado en flexbox

Me gustaría tener dos columnas de igual altura y su contenido debe estar alineado en el medio, por lo tanto, en el centro de cada div. Problema:'altura igual' y 'alineado medio' parecen excluirse, el uno no funciona con el otro. Pregunta:¿Cómo ...

3 la respuesta

¿Cómo obtener flexbox para incluir relleno en los cálculos?

Debajo hay dos filas. Primera filason dos artículos enflex 1 y uno enflex 2. Segunda filason dos artículos enflex 1. De acuerdo a las especificaciones1A + 1B = 2A Pero cuandorellenoestá incluido en el cálculo, la suma es incorrecta, como ...

4 la respuesta

Haga que los elementos secundarios del contenedor se encojan a medida que se envuelven

Estoy tratando de averiguar cómo funciona flexbox (¿se supone que funciona? ...) para casos como los siguientes: .holder { width: 500px; background: lightgray; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: ...

3 la respuesta

Flex-wrap con filas de diferentes alturas

Estoy implementando pestañas solo css con enlaces hash-tag. Estoy muy cerca, pero no puedo hacer que la envoltura flexible funcione correctamente. Para que todo funcione a su manera, quiero que lo haga con:target (Lo he hecho antes con botones de ...

3 la respuesta

¿Por qué no funciona el ajuste de objetos en flexbox?

Tengo varias columnas que estoy dando igual ancho usando flex. Cada uno contieneimg etiquetas, y me gustaría que esas imágenes exhiban elobject-fit: cover dimensionamiento. .container { display: flex; flex-direction: row; width: 100%; } .test ...

2 la respuesta

¿Cómo establecer dinámicamente la altura de vista en función de su ancho manteniendo la relación de aspecto?

Quiero tener una vista cuyo ancho responda al ancho de su contenedor manteniendo su relación de aspecto. No quiero codificar el ancho o la altura, pero mantenerlo dinámico y receptivo para que pueda reutilizarse en múltiples situaciones como un ...

1 la respuesta

React Native: ancho "automático" para el nodo de texto

Tengo un elemento de texto dentro de una vista: <View><Text>hello world foo bar</Text></View> como parte de una cuadrícula flexible. Quiero que esta vista tenga un ancho automático basado en el contenido, es decir, la longitud del ...