Resultados de la búsqueda a petición "flexbox"

2 la respuesta

¿Puede flexbox? Ventana de chat con entrada en la parte inferior, chats desplazándose hacia arriba

Parece que debería ser posible con flexbox, pero no puedo entenderlo. http://codepen.io/MichaelJCole/pen/NGBVGe [http://codepen.io/MichaelJCole/pen/NGBVGe] Metas: textarea (para escribir mensajes) permanece en la parte inferior todo ...

4 la respuesta

La altura no es correcta en los elementos de flexbox en Chrome [duplicado]

Esta pregunta ya tiene una respuesta aquí: Chrome / Safari no llena el 100% de la altura del padre flexible [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respuestasTengo un problema delicado para cualquier gurú de ...

2 la respuesta

Al centrar horizontalmente, los li se cortan

Estoy tratando de maquetarli's utilizandoflexbox. Los tengo configurados en columna, con 3li's en cada columna El problema es cuando quiero elul centrado. Estoy centrando elul utilizandoalign-content: center. Cuando hago eso y tengo másli's de ...

4 la respuesta

Chrome / Safari no llena el 100% de la altura del padre flexible

Quiero tener un menú vertical con una altura específica. Cada niño debe llenar la altura del padre y tener texto alineado en el medio. El número de hijos es aleatorio, así que tengo que trabajar con valores dinámicos. Div.container contiene un ...

3 la respuesta

Usando flexbox con componentes angulares 2

Quiero actualizar el lado visual (cuadrícula, colores) de mi aplicación angular 2. El diseño anterior se creó con Bootstrap 4, que realmente ya no necesito. Decidí ir a css3 simple y construir una cuadrícula con flexbox.Hice una vista previa de ...

4 la respuesta

css flexbox: misma altura para todos los elementos?

Usando CSS y flexbox, no entiendo cómo dar la misma altura a los divs "a" y "b". Necesito que b sea más alto para que coincida con la altura de a. En otras palabras, el cuadro gris debe ser tan alto como el cuadro rojo. Tenía entendido que era ...

3 la respuesta

Columnas de igual altura con CSS

Me gustaría usar el porcentaje para mi tabla css. Lamentablemente, no funciona para mí. ¿Qué tiene de malo este código? ¿Debo usar flexbox en lugar de table? Me gustaría usar la tabla, porque me gustaría columnas de la misma altura. ul { ...

3 la respuesta

Cuando los elementos de flexbox se envuelven en modo columna, el contenedor no aumenta su ancho

Estoy trabajando en un diseño de caja flexible anidado que debería funcionar de la siguiente manera: El nivel más externo (ul#main) es una lista horizontal que debe expandirse a la derecha cuando se le agregan más elementos. Si crece demasiado, ...

2 la respuesta

flexbox vertical alinee la parte superior del niño, centre otra

Tengo el siguiente marcado: .row { display: flex; align-items: stretch; margin: -16px; background: #ddd; } .row .col { display: flex; flex-direction: column; justify-content: center; flex: 1; margin: 16px; background: #fff; } .header, ...

1 la respuesta

Evite que los artículos flexibles se estiren

Muestra: div { display: flex; height: 200px; background: tan; } span { background: red; }<div> <span>This is some text.</span> </div> Tengo dos preguntas, por favor: ¿Por qué básicamente le sucede a laspan?¿Cuál es el enfoque correcto para ...