Resultados de la búsqueda a petición "flexbox"
Espacio vacío inesperado con flexbox
He reducido el problema al mínimo posible cuando el problema aún está presente. [/imgs/zMjo5.png] No entiendo de dónde viene el espacio naranja. Una pist: Al eliminar una imagen, el espacio naranja desaparece ... .OutterContainer { ...
¿Por qué Chrome y Firefox muestran diferentes resultados de diseño flexible?
Cuando solo hay una fila de "elementos flexibles", Chrome y Firefox muestran resultados diferentes. ¡Cuando hay más de una línea (ajuste), Chrome y Firefox muestran el mismo resultado! Entonces, ¿por qué está pasando esto? ¿Es un error o hay ...
La altura div del niño supera la altura del padre flexible en Firefox pero no Chrome
¿Cómo puedo evitar un div hijo con barras de desplazamiento yflex:1 por exceder la altura de su flexbox padre en Firefox? Funciona correctamente en Chrome. nlace @CodePen (si lo prefiere a fragmentos de desbordamiento de ...
Cómo agregar un margen de 1 px a un elemento flexible que es flexible: 0 0 25%?
Estoy probando algunos diseños diferentes con flexbox y tengo el siguiente problema. Tengo una galería de imágenes con elementos flexibles configuradosflex:0 0 25%; y me gustaría agregarles 1px de margen porque el 1% es demasiado ...
espacio extra al centrar elementos usando flexbox
Estoy usandoalign-items yjustify-content para centrar los elementos, mi html es: <div class="flex-container"> <div class="item-1">div</div> <div class="item-2">w=250px</div> <div class="item-3">h=250px</div> <div class="item-4">w/h=300px</div> ...
Buscando una alternativa a flex
Estoy usando flex para alinear un texto y dos botones dentro de un div. Este es mi código #wrapper { background-color: gray; display: flex; padding-left: 90px; padding-right: 90px; } #left { padding-top: 33px; padding-bottom: 33px; flex: 0 0 ...
CSS Problema de Flexbox: ¿Por qué el ancho de mis hijos flexibles se ve afectado por su contenido?
Los 2 hijos de mi flexbox reciben cada uno un estilo debox-flex: 1. Tengo entendido que sus anchos deberían ser igual entre sí (ambos ocupan 50% del ancho total de su flexbox padre). ¡Pero cuando se agrega contenido a los elementos secundarios, ...
¿Cómo flotar elementos en un diseño de mampostería como una revista / periódico?
Estoy tratando de lograr un diseño donde los elementos floten como secciones de artículos de periódicos / revistas. Es algo similar a lo que jQuery's Masonry [http://masonry.desandro.com/] hace. Pero estaba tratando de lograr eso solo usando ...
¿Cuáles son las diferencias entre display: box y display: flexbox
Entiendo que el módulo de diseño de caja flexible de CSS se está reescribiendo y quedisplay:box está en desuso a favor dedisplay:flexbox. Esdisplay:flexbox ¿actualmente es compatible con cualquier navegador (versión, beta o nocturno)? ¿Alguien ...