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

2 la respuesta

¿Cómo dimensionar artículos flexibles sin porcentajes?

Estoy tratando de crear una cuadrícula basada en flexbox, con un contenido de 2/3 de ancho y la barra lateral el 1/3 restante. He usado porcentajes para el ancho en cada columna, que desafortunadamente me están dando errores en la navegación y ...

5 la respuesta

Centrar texto sobre una imagen en flexbox

¿Cómo puedo centrar alinear texto sobre un<img> preferiblemente usando FlexBox? body { margin: 0px; } .height-100vh { height: 100vh; } .center-aligned { display: box; display: flex; box-align: center; align-items: center; box-pack: center; ...

1 la respuesta

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 ...

7 la respuesta

Hileras de igual altura en un contenedor flexible

Como puede ver, ellist-items en el primerorow tener lo mismoheight. Pero artículos en el segundorow Tiene diferenteheights. Quiero que todos los artículos tengan uniformeheight. [/imgs/KVxvj.png] ¿Hay alguna manera de lograr esto sin daraltura ...

2 la respuesta

Excluir elemento con posicionamiento fijo de justificar contenido en diseño flexible [duplicado]

Esta pregunta ya tiene una respuesta aquí: El elemento flexible colocado de manera absoluta no se elimina del flujo normal en IE11 [/questions/32991051/absolutely-positioned-flex-item-is-not-removed-from-the-normal-flow-in-ie11] 4 ...

3 la respuesta

¿Cómo justificar (izquierda, derecha, centro) a cada niño independientemente?

En reaccionar nativo tengo: <View style={styles.navBar}> <Text>{'<'}</Text> <Text style={styles.navBarTitle}> Fitness & Nutrition Tracking </Text> <Image source={icon} style={styles.icon}/> </View>con estos estilos: { navBar: { height: 60, ...

3 la respuesta

El elemento flex desborda el contenedor debido a la palabra larga incluso después de usar el ajuste de texto

<div class="parent"> <div class="child1"> question </div> <div ...

3 la respuesta

¿Cuál es la forma correcta de pedir prefijos de proveedor para flexbox?

La frotada Trucos CSS [https://css-tricks.com/using-flexbox/]dice que el orden de ladisplay los prefijos de proveedor para flexbox son importantes y muestran un pedido (-webkit-box, -moz-box, -ms-flexbox, -webkit-flex, ...

1 la respuesta

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 ...

3 la respuesta

Centro y elementos flexibles de alineación inferior

Tengo un contenedor flexible (el cuadrado azul) con las siguientes propiedades: display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; Por lo tanto, sus elementos secundarios (los cuadrados azules claros) se organizan ...