Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Dúvida sobre display css

Boa tarde! Tudo bem? Espero que sim!

Eu gostaria de saber quais as diferenças dos dislpays inline, block e inline-block, na aula usamos o inline-block mas naquela aplicação também poderia se usar o inline??

Agradeço desde já!

4 respostas
solução!

oi boa tarde, não sei para oque está usando mas... quando o item está inline, você consegue por exemplo centralizar ele usando text-align (assim como inline-block, pois é um "item block" que também é inline), alem de também os items ficarem na mesma linha (assim como inline-block), já um "item" block vai para outra linha, alem de precisar de margem para alinha-lo

Ah então o que muda é jeito da manipulação dos itens né? Entendi, obrigado!

sim, você pode usar a propriedade flex, assim com grid, no container pai, ou deixar os items como display inline/inline-block, mas recomendo usar flex, ou grid mesmo doc do css flex box mdn: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox doc do css grid mdn: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

Muito obrigado!! Vou começar a treinar e praticar com essas propriedades então!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software