Resultados de la búsqueda a petición "flexbox"
Flexbox no da igual ancho a los elementos
Intentando un navegador flexbox que tiene hasta 5 elementos y tan poco como 3, pero no divide el ancho por igual entre todos los elementos. Violín [http://jsfiddle.net/2nY9N/1/]El tutorial que estoy modelando después ...
Distribuya los botones de la manera más uniforme posible
tengo unancho variablecontenedor (un div). Este contenedor contiene unvariable númerode botones cuyatamaños variar. <div class="buttons"> <button>Reddit</button> <button>G+</button> <button>Facebook</button> <button>Stack ...
¿Evitar que la siguiente fila tome la altura del elemento más alto en la fila anterior con flexbox?
Hice un diseño con flexbox que consta de 2 columnas. Cuando todo tiene la misma altura, funciona bien: https://codepen.io/anon/pen/rJZeJm [https://codepen.io/anon/pen/rJZeJm] [/imgs/9NxMt.jpg] <div class="cont"> <div class="a"> A </div> <div ...
¿Cómo evitar que un TextArea que cambia el tamaño desborde la página?
Estoy trabajando para crear un TextArea que esté centrado horizontal y verticalmente en la página. Dado que necesito que TextArea esté centrado verticalmente, no puedo hacer que el área de texto sea de 100w y 100h, necesito que comience con una ...
Elementos flexibles superpuestos en Chrome e IE11
Estoy tratando de crear un diseño de caja flexible de altura fija que desplaza el contenido interno cuando el contenido interno es demasiado grande. Además, si el contenido no causa desplazamiento, quiero arreglar un div con botones en la parte ...
salto de página después de no funcionar en cajas flexibles
Esto no produce el resultado esperado dentro de la vista previa de impresión en Firefox: <aside> side </aside> <div> <p> page 1 </p> <p> page 2 </p> </div>CSS: body{ display: flex; } aside{ flex: none; width: 100px; } div{ flex: auto; } ...
¿Cómo alinear 3 divs (izquierda / centro / derecha) dentro de otro div?
Quiero tener 3 divs alineados dentro de un contenedor div, algo como esto: [[LEFT] [CENTER] [RIGHT]]El contenedor div es 100% ancho (sin ancho establecido), y el centro div debe permanecer en el centro después de cambiar el tamaño del ...
Word-wrap en flexbox no respeta el límite de ancho del 100% [duplicado]
Esta pregunta ya tiene una respuesta aquí: ¿Por qué los elementos flexibles no reducen el tamaño del contenido? [/questions/36247140/why-dont-flex-items-shrink-past-content-size] 1 respuesta Tengo 2 flexboxes y un flexbox dentro de uno. Quiero ...
El significado y los beneficios de flex: 1
Me topé conflex: 1 hoy en algún código y busqué en Google para obtener información sobre lo que hace.w3schools [https://www.w3schools.com/cssref/css3_pr_flex.asp]declara sucintamente: Deje que todos los elementos flexibles tengan la misma ...
Elimine 1px gap cuando use display: flex con Bootstrap
En algunos navegadores, como Safari 9, la siguiente cuadrícula de arranque deja un espacio de 1 px a cada lado delrow elemento. ¿Porqué es eso? [/imgs/2YkrA.png] .a {background-color:#eee} .b {background-color:#ddd} ...