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

2 la respuesta

Solución única de CSS para establecer MÚLTIPLES secciones de fila de "misma altura" en una cuadrícula receptiva

Querido: una solución única de CSS para habilitar MULTIPLE "secciones" de cuadrícula de igual altura por fila, que también responde. Nota: esta es una pregunta de seguimiento paraesta ...

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; ...

1 la respuesta

¿Hay selectores que apuntan a elementos en ciertas posiciones de la cuadrícula?

Tengo una cuadrícula CSS con un montón de elementos de cuadrícula de flujo automático. A veces los elementos de la cuadrícula son una pista de 1 x 1, y a veces son pistas de 2 x 2, así queno sabe por el orden de origen qué elementos estarán en ...

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 ...

3 la respuesta

¿Por qué el ajuste automático o el llenado automático no funcionan correctamente con minmax?

No funciona correctamente cuando agrego autoajuste o autocompletado en lugar de un número. grid-template-columns: repeat(auto-fit, minmax(max-content, max-content)); [/imgs/UNgn6.jpg] Pero funciona correctamente cuando agrego un número en ...

1 la respuesta

ocultar elementos no especificados en grid-template-areas

Estoy tratando de entender y trabajar a través de la cuadrícula CSSgrid-template-areas opción. dado este html <div class="wrapper"> <div class="d">D</div> <div class="b">B</div> <div class="c">C</div> <div class="a">A</div> </div>y este ...

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 ...

3 la respuesta

Centro y elementos flexibles de alineación inferior

Tengo un contenedor flexible (el cuadrado azul) con las siguientes propiedades: display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; Por lo tanto, sus elementos secundarios (los cuadrados azules claros) se organizan ...

1 la respuesta

Centrado de columnas en CSS Grid

Estoy tratando de crear una cuadrícula CSS simple utilizando las propiedades de la cuadrícula CSS nativa. Funciona como quería, excepto que quiero crear una clase de utilidad que pueda centrar una columna en una cuadrícula. ¿Hay alguna manera de ...

1 la respuesta

El elemento absoluto de desbordamiento no es visible dentro del elemento de la cuadrícula

Tengo 1 x 6 cuadrícula. Quiero mostrar el controlador de cambio de tamaño cuando se pasa el elemento de la cuadrícula. Para eso, tengo 2 divisiones redondeadas en posición absoluta dentro del elemento de cuadrícula. Coloqué en el medio del borde ...