Resultados de la búsqueda a petición "flexbox"
Flexbox con lista desordenada
Estoy tratando de aprender flexbox y realmente me gusta. Estoy intentando jugar con anchuras dinámicas y cuando lo hago con divs funciona. Si trato de hacerlo con li, no funciona tan bien. Mi código está ...
En CSS Flexbox, ¿por qué no hay propiedades "justify-items" y "justify-self"?
Considere el eje principal y el eje transversal de un contenedor flexible: [/imgs/9Oxw7.png]Fuente:W3C [http://www.w3.org/TR/css-flexbox-1/#box-model] Para alinear elementos flexibles a lo largo del eje principal hay una ...
Cuadrícula alineada a la izquierda y centrada con flexbox
Me gustaría implementar un diseño de cuadrícula sensible usando flexbox (sin consultas de medios). Puede haber un número variable de elementos en la cuadrícula. Cada artículo debe tener un ancho fijo e igual. Los artículos deben estar alineados a ...
¿Cómo puede usar flexbox para centrar verticalmente el texto en un div de altura fija sin desbordarse arriba?
La primera línea de texto en la tercera..box se eleva por encima de la parte superior del div y se corta. Me gustaría que se vea igual que el segundo cuadro (bueno, en realidad idealmente me gusta el segundo cuadro más un...) ¿Se puede hacer ...
Elementos de CSS flexbox superpuestos en Safari
¿Cuál es el CSS correcto para forzar a Safari a no superponer elementos flexibles dentro de un contenedor flexible predeterminado? Safari parece dar demasiado ancho para flexionar elementos con mucho contenido. Safari:(v8.0.8 en Mac OS X ...
Usar margen en artículos flexibles
Tenía la impresión de que se puede agregar un margen a los elementos / hijos flexibles, y flexbox debería tenerlo en cuenta automáticamente y calcular el espacio correcto entre los elementos. Sin embargo, parece que no puedo hacer que funcione ...
Cómo centrar un contenedor flexible pero alinear a la izquierda los artículos flexibles
Quiero que los elementos flexibles estén centrados, pero cuando tenemos una segunda línea, tener 5 (de la imagen a continuación) debajo de 1 y no centrados en el padre. [/imgs/GhD1E.png] Aquí hay un ejemplo de lo que tengo: ul { display: ...
Cambiar el orden div con CSS dependiendo del ancho del dispositivo
Estoy trabajando en un sitio receptivo y me encontré con un problema interesante. Tengo algunos divs uno al lado del otro. Podría haber de 2 a 6 o menos de ellos. Cuando la pantalla no es lo suficientemente ancha como para mostrar todo el ...
Material angular: rejilla anidada
Actualmente estoy usando Bootstrap para una aplicación web, pero quiero cambiar a Material angular. En este momento estoy jugando con la cuadrícula. Tengo una estructura de rejilla anidada triple. No creo que los niños se muestren correctamente, ...
Artículos flexibles de igual altura en columnas flexibles
Estoy tratando de hacerlo para que los elementos de la lista en una columna tengan la misma altura dentro de su lista. Esto es lo que tengo: <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol> ol { min-height: 100%; ...