Resultados de la búsqueda a petición "css-grid"

2 la respuesta

¿Cómo alinear verticalmente objetos en CSS cuando se trabaja con cuadrículas CSS? [duplicar]

Esta pregunta ya tiene una respuesta aquí: Centrado en CSS Grid [/questions/45536537/centering-in-css-grid] 5 respuestasMe he encontrado con este problema recientemente. Supongamos que tengo un simple<h1> etiqueta y quiero centrarlo ...

1 la respuesta

¿Hay algo que pueda hacer con la cuadrícula implícita que no puedo hacer con la cuadrícula explícita?

Tenemos la grilla implícita congrid-auto-rows ygrid-auto-columns. Sin embargo, también podemos usargrid-template-rows/grid-template-columns en combinación conrepeat yauto-fit para crear una cuadrícula explícita implícita. ¿Hay algo que ...

1 la respuesta

Diseño de mampostería solo CSS

Necesito implementar un diseño de mampostería bastante poco convencional. Sin embargo, por varias razones, no quiero usar JavaScript para hacerlo. [/imgs/Z25DI.png] Parámetros: Todos los elementos tienen el mismo ancho.Los elementos tienen ...

4 la respuesta

¿Por qué la altura de mi elemento de cuadrícula no se calcula correctamente?

Tengo problemas con la altura de un elemento de cuadrícula CSS. El código que estoy usando es: .gridContainer { border: thin solid black; background: rgba(255, 0, 0, 0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; ...

5 la respuesta

¿Cómo apuntar a una columna o fila específica en CSS Grid Layout?

¿Es posible seleccionar una columna o fila de cuadrícula específica con CSS? Por ejemplo, supongamos que tengo un diseño de cuadrícula CSS de 3 filas por 2 columnas:grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;. ...

1 la respuesta

¿Por qué los elementos de la cuadrícula no están centrados?

Por alguna razón, dos rangos de entrada están haciendo que los dos primeros elementos de la cuadrícula estén centrados. Supongo que esto se debe a su estilo DOM de sombra. ¿Es este realmente el caso? ¿Alguien sabe por qué los rangos están ...

1 la respuesta

Altura igual de elementos secundarios de elementos de cuadrícula

Conla especificación de cuadrícula [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout], Entiendo cómo alinear los elementos secundarios de un contenedor de cuadrícula, pero quiero alinear elementosdentro los niños, como si fueran ...

0 la respuesta

Flexbox, comportamiento extraño con CSSGrid

Tengo esta situación:https://jsfiddle.net/johnsam/rdtva2fq/ [https://jsfiddle.net/johnsam/rdtva2fq/] EnCromofunciona bien, mira esto: [/imgs/77Sz0.png] Comienza (vea "PRIMERO" y "ÚLTIMO" btn). Bueno. EnSafarino lo hace (también con iPad / ...

1 la respuesta

¿Por qué el contenido mínimo no funciona con autocompletar o autoajustar?

Básicamente, no entiendo por qué esto funciona: .grid { display: grid; grid-template-columns: repeat(4, min-content); } Pero esto no funciona: .grid { display: grid; grid-template-columns: repeat(auto-fill, min-content); } Realmente deseo ...

2 la respuesta

Haga que un div abarque dos filas en una cuadrícula

Tengo una página llena de bloques que se acumulan condisplay: inline-block. Quiero hacer cuatro o dos veces más grande, así que solíafloat: left oright para poner otros bloques alrededor. Mi problema es si tengo unfila de cinco elementos, ¿cómo ...