Resultados de la búsqueda a petición "flexbox"
Diseño flexible angular con ngFor
Soy muy nuevo en el diseño flexible y tengo problemas para solucionar lo siguiente: https://github.com/angular/flex-layout [https://github.com/angular/flex-layout] Mi ngFor: <div fxLayout.xs="column"> <country fxFlex *ngFor="let country of ...
representación mínima de ancho de manera diferente en dirección flexible: fila y dirección flexible: columna
Tengo un contenedor condisplay: flex yflex-direction: row. En ese contenedor hay un subcontenedor también condisplay: flex pero conflex-direction: column. El problema es que si agrego una entrada en el subcontenedor, elmin-width de esa entrada ...
Agregue una línea divisoria entre los elementos flexibles con distribución de espacio igual
Tengo una lista con diferentes elementos que tienen anchos automáticos (no se puede dar un ancho fijo en mi caso). yo suelojustify-content: space-between porque mi primer artículo tiene que comenzar al principio del contenedor y mi último ...
Flexbox dentro del elemento de la lista no se alinea con la parte superior del elemento de la lista
Al colocar una caja flexible dentro de un elemento de la lista, el contenido se ve empujado hacia abajo por lo que parece ser una altura de línea completa. He estado jugando con diferentes propiedades CSS, como dar flexboxmargin-top: 0, sus ...
mostrar 2 elementos por fila [reaccionar nativo]
Estoy aprendiendo a reaccionar nativo y en todos los tutoriales que veo ListView se ha utilizado con solo 1 elementos por fila. Sin embargo, no he usado ListView. Solo tengo 6 elementos que deben mostrarse como cuadrícula plana con 2 elementos ...
altura mínima del contenedor flexible ignorada en IE
Hasta donde he podido reunir, si trabajo con IE10 / IE11 debería poder usar los términos flexibles estandarizados. Tengo un contenedor div y 2 hijos divs. Los 2 divisores secundarios no son mayores de 400 px, por lo que siempre debe haber ...
¿'Position: absolute' entra en conflicto con flexbox?
Quiero hacer un div stick en la parte superior de la pantalla sin influenciar otros elementos, y su elemento hijo en el centro. .parent { display: flex; justify-content: center; position: absolute; }<div class="parent"> <div ...
Bootstrap 4 alinea los elementos de la barra de navegación a la derecha
¿Cómo alineo un elemento de la barra de navegación a la derecha? Quiero tener el inicio de sesión y registrarme a la derecha. Pero todo lo que intento no parece funcionar. [/imgs/G2o6H.png] Esto es lo que he intentado hasta ahora:<div> ...
Reduzca la altura de una columna al contenido y estire la otra a la misma altura
Tenemos un diseño de dos columnas, con una columna azul y una verde. Debe comportarse después de las siguientes condiciones: Ambas columnas tienen el mismo ancho. La altura de la columna azul se determinará en función de su altura de contenido, ...
¿Cómo obtener el ancho real de un bloque que se muestra con la dirección de flexión: columna correctamente?
Por ejemplo: HTML console.log($('.container').width()); // 600px as we defined in css. console.log($('.list').width()); // 600px console.log($('.box').eq('-1').position().left + $('.box').outerWidth());body{padding:0;margin:0;} .container { ...