A propriedade align-content para layouts de bloco agora faz parte do valor de referência.
bookmark_borderbookmark
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Rachel Andrew
Agora você pode usar a propriedade align-content do alinhamento da caixa CSS
em layouts de blocos e tabelas. Isso permite o alinhamento de direção de blocos sem
precisar criar um layout flexível ou de grade.
Compatibilidade com navegadores
123
123
125
17,4
A tarefa antes impossível de centralizar um item verticalmente ficou mais fácil com o flexbox e a grade,
junto com a propriedade align-content. No entanto, ela envolveu a criação de um
layout flexível ou de grade por nenhum outro motivo além desse alinhamento.
A propriedade foi especificada para o layout de blocos e, nos últimos meses, todos
os três principais mecanismos lançaram o recurso.
Com o align-content disponível para o layout de blocos, é possível alcançar
o alinhamento vertical sem precisar criar um layout flexível ou de grade para que a propriedade
funcione. Nenhuma outra propriedade é necessária, já que o item permanece em bloco, a
única mudança é no alinhamento.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2024-04-17 UTC."],[],[]]