Resultados de la búsqueda a petición "flexbox"
en flexbox, ¿cómo empujar el elemento de la fila siguiente cerca del elemento superior derecho de la fila anterior, sin márgenes negativos?
Tengo tres elementos envueltos en contenedor flexible, por dos en una fila: <div class="container"> <div class="elem-1">a</div> <div class="elem-2">b</div> <div class="elem-3">c</div> </div>¿Hay alguna manera de empujar el elemento de la última ...
los elementos de entrada / botón no se encogen en un contenedor flexible
Cuando se utilizan elementos de entrada y botón dentro de un contenedor flexible, elflex y / oflex-grow Las propiedades no parecen hacer nada. Código que demuestra mi problema. button, input { font-size: 1rem; } button { border: none; ...
Diseño de mampostería solo CSS
Necesito implementar un diseño de mampostería bastante poco convencional. Sin embargo, por varias razones, no quiero usar JavaScript para hacerlo. [/imgs/Z25DI.png] Parámetros: Todos los elementos tienen el mismo ancho.Los elementos tienen ...
Haga que los elementos de expansión flexible crezcan en función de su tamaño original
Tengo 3 botones seguidos que varían en ancho. Quiero que todos ganen el mismo ancho para llenar el ancho restante de la fila, por lo que el más ancho seguirá siendo más ancho que los demás, etc. Puede ver a continuación que lo que he intentado ...
Mi posición: el elemento adhesivo no es adhesivo cuando uso flexbox
Estuve atrapado en esto por un momento y pensé en compartir estoposition: sticky + caja flexible gotcha: Mi div pegajoso funcionaba bien hasta que cambié mi vista a un contenedor de caja flexible, y de repente el div no estaba pegajoso cuando ...
Centrar elementos horizontalmente en su contenedor evitando solapamientos
Hoy me encontré con un interesante problema de CSS, y he estado destrozando mi cerebro tratando de resolverlo. Esto es similar al problema trivial de "una fila de tres elementos, con una izquierda, una derecha y un centro", que se puede resolver ...
Flexbox hace desplazamiento horizontal
Estoy creando un sitio de centro comercial con diseño de flexbox, pero flexbox causa problemas en ciertas áreas. Flexbox parece hacer desplazamiento horizontal en ciertas áreas, pero no quiero eso.
¿Cómo cambiar la envoltura de flexbox?
Tengo una caja flexbox receptiva con tarjetas procesadas dinámicamente (de 1 a 10 tarjetas procesadas en cada llamada API) en mi aplicación. Casi hace exactamente lo que quiero que haga, excepto la forma en que se envuelve. Digamos que rendericé ...
El elemento flexible con imagen secundaria no ajusta su tamaño correctamente
Encontré esta publicación,El elemento flexible con imagen secundaria no se ajusta desde su ancho original [https://stackoverflow.com/questions/42417182/flex-item-with-image-child-doesnt-adjust-from-its-original-width] , que inicialmente pensé que ...
Diseño de 3 columnas con capacidad de respuesta HTML / CSS: apilar la columna derecha debajo de la columna izquierda
Estoy tratando de que la columna derecha de un diseño de 3 columnas se mueva debajo de la columna izquierda en pantallas más pequeñas. En este momento, la columna derecha se mueve en la dirección correcta, excepto que se cuelga debajo de la ...