Resultados de la búsqueda a petición "flexbox"
La imagen dentro del elemento flexible ignora la altura máxima: 100% en Chrome y Firefox - (funciona en safari)
Quiero que una imagen llene el ancho o el alto del tamaño de ventana / ventana gráfica. Para una mejor comprensiónde lo que intento hacer,he creado un ejemplo en codepen [http://codepen.io/durchgemacht/pen/WvQvZJ]- echa un vistazo y cambia ...
El elemento flexible se superpone a otro elemento en IE11
Tengo dos divs: top div contiene un texto largo que ocupa varias líneasdiv inferior tienemin-height yflex-grow: 1Cuando reduje la ventana al desplazamiento apareció, luego, en Chrome, todo se muestra correctamente. Pero en IE11 el div superior ...
pantalla: flex no funciona en Chrome
Estoy usando el siguiente código para tener dos cuadros uno al lado del otro de la misma altura: <style> .row {display:flex;} .col {flex:1;} </style> <div class="row"> <div class="col content">some content</div> <div class="col content raw">some ...
Bootstrap 4 cartas: alinee el contenido en la parte inferior
Tengo un grupo de cartas de bootstrap juntas en un grupo de cartas, lo que significa que todas tienen el mismo ancho y alto. El contenido de cada tarjeta es diferente en altura, y necesito un botón alineado en la parte inferior de cada tarjeta ...
Mantener la relación de aspecto de la imagen al cambiar la altura
Usando el modelo de caja flexible CSS, ¿cómo puedo forzar a una imagen a mantener su relación de aspecto? JS Fiddle:http://jsfiddle.net/xLc2Le0k/2/ [http://jsfiddle.net/xLc2Le0k/2/] Observe que las imágenes se estiran o encogen para llenar el ...
Alturas de columna Flexbox
Tengo este sitio:http://kudos-topspindigital.azurewebsites.net/#/netball [http://kudos-topspindigital.azurewebsites.net/#/netball] Si abre esto en Chrome e IE, verá mi problema. Básicamente en cromo, los paneles correctos tienen alturas iguales. ...
Flexbox / IE11: flex-wrap: wrap no se ajusta (Imágenes + Codepen dentro)
Creé una lista con iconos sociales. Esos íconos deberían aparecer en pantallas pequeñas. yo sueloflex-wrap: wrap; y funciona perfecto en Firefox y Chrome: Pero Internet Explorer 11 (e IE 10) no romperá la línea: Ejemplo de código de ...
El porcentaje de altura no funciona en el diseño de caja flexible anidada en Chrome
Tengo un diseño siguiente que funciona completamente en Firefox e IE: Desafortunadamente, está bastante roto en Chrome, es decir, el contenedor azul oscuro está colapsado a pesar de que tiene una altura del 100% de su padre: Lo intentéEste ...
CSS: 'posición: pegajosa' no funciona cuando se define 'altura'
Estoy creando una página de destino donde el usuario ve por primera vez un área principal con un pie de página debajo. Desplazarse más hacia abajo revela que el pie de página es un encabezado adhesivo, y mi objetivo es usar CSS puro para lograr ...
Cada elemento tiene el mismo ancho que el elemento más ancho
Quiero crear este diseño: Cuando un artículo no cabe en el contenedor, podemos pasar a la siguiente línea: Cuando el contenedor es pequeño que el elemento más ancho, podemos envolver el contenido en líneas múltiples Es muy fácil con ...