Perguntas com a marcação «grid-layout»

27
Caixa flexível: alinhar a última linha à grade
Eu tenho um layout simples de caixa flexível com um contêiner como: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Agora, quero que os itens na última linha estejam alinhados com os outros. justify-content: space-between;deve ser usado porque a largura e a altura da grade podem ser ajustadas. …
379 css  flexbox  grid-layout 
29
Como adiciono espaçamento entre colunas no Bootstrap?
Tenho certeza de que existe uma solução simples para esse problema. Basicamente, se eu tiver duas colunas, como posso adicionar um espaço entre elas? por exemplo, se o html for: <div class="col-md-6"></div> <div class="col-md-6"></div> A saída seria simplesmente duas colunas próximas uma da outra, ocupando toda a largura da página. …
4
Impedir que o conteúdo expanda itens de grade
TL; DR: Existe algo parecido table-layout: fixedcom grades CSS? Tentei criar um calendário de exibição do ano com uma grande grade 4x3 durante os meses e aninhar grades 7x6 durante os dias. O calendário deve preencher a página, para que o contêiner da grade do ano tenha uma largura e …
2
Linhas de altura igual no layout de grade CSS
Percebi que isso é impossível de se conseguir usando o Flexbox, já que cada linha pode ter apenas a altura mínima necessária para ajustar seus elementos, mas isso pode ser alcançado usando o CSS Grid mais recente? Para ser claro, eu quero altura igual para todos os elementos em uma …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.