Resultados de la búsqueda a petición "flexbox"
¿Por qué el ancho y la altura de un elemento flexible afectan la forma en que se representa un elemento flexible?
Una imagen en un flexbox que tiene unmax-height el estilo parece renderizarse de manera diferente dependiendo de si tiene suheight ywidth conjunto de atributos El únicocon los atributos, establecidos en el ancho / alto verdadero de la imagen, se ...
División de divs en 2 columnas
Tengo un código como este: <div class="article-container"> <div class="article"> <h3>title1</h3> <p>article1</p> </div> <div class="article"> <h3>title2</h3> <p>article2</p> </div> <div class="article"> <h3>title3</h3> <p>article3</p> </div> ...
El elemento Flexbox con contenido desbordado solo funciona en Chrome
Por favor, eche un vistazo a esta pluma: https://codepen.io/linck5/pen/gRKJbY?editors=1100 [https://codepen.io/linck5/pen/gRKJbY?editors=1100] body{ margin: 0;} .container { width: 100%; height: 100vh; display: flex; flex-direction: column; } ...
Base flexible para envolver columnas
Tengo una configuración de cuadrícula bastante básica en flex, pero recientemente me topé con un descuido que hice. Tengo columnas que tienen un margen derecho: 3em y flex-base: calc (33% - 3em). Mi problema es que el 4to y 5to de estos no se ...
¿Cómo alinear un elemento dentro de un elemento flexible?
Tengo un contenedor flexible con tres elementos flexibles y dentro de cada elemento un enlace que debe estar alineado en la parte inferior (todos los enlaces están alineados en la parte inferior central). Los artículos flexibles se estiran y no ...
Manera eficiente de colocar elementos huérfanos en la parte superior / inicial usando CSS flexbox
Cuando usa flexbox wrap para crear una cuadrícula y tiene una última fila con menos elementos que las filas anteriores, el comportamiento predeterminado de los elementos "huérfanos" conflex: 1 es estirar horizontalmente para llenar el ancho, ...
Flexbox e Internet Explorer 11 (pantalla: flex en <html>?)
Estoy planeando alejarme de los diseños "flotantes" y usar css flexbox para proyectos futuros. Me encantó ver que todos los principales navegadores en sus versiones actuales parecen admitir (de una forma u otra) flexbox. Me dirigí a "Resuelto ...
Centro del centro con Flexbox [duplicado]
Esta pregunta ya tiene una respuesta aquí: Flexbox: ¿Alinear entre el fondo y el centro? [duplicar] [/questions/33944163/flexbox-align-between-bottom-and-center] 2 respuestasEstoy tratando de obtener el logotipo en el centro de la página, pero ...
multiline-flexbox en IE11 calculando anchos incorrectamente?
Parece que IE11 no calcula los anchos de elementos flexibles correctamente siflex-wrap: wrap es usado Verhttp://jsfiddle.net/MartijnR/WRn9r/6/ [http://jsfiddle.net/MartijnR/WRn9r/6/] Cada una de las 4 cajas tiene una base flexible: 50%, por lo ...
¿Cómo dar elementos flexibles de igual ancho?
Me gustaría que el primer y el último elemento tengan el mismo ancho. ¿Cómo hacerlo? main { display: flex; justify-content: space-between; width: 100%; } input { width: 200px; }<main> <div> Lorem ipsum dolor sit amet, consectetur ...