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

Qual a diferença entre display: inline para display: flex

Estou chegando na parte de flexbox é não estou vendo diferença entre usar display: inline ou block para o display flex. O display flex da mais opções de posicionamentos, então para que o inline ou block? se da para fazer com o flex.

2 respostas
solução!

Olha, nesse site aqui tem uma explicação muito boa https://www.w3schools.com/cssref/pr_class_display.asp. Mas, o INLINE display um elemento que seja de uma linha (como o span), se quiser mudar o width ou o height desse elemento, não adianta de lnada, pq ele é para ser INLINE, já o BLOCK display um elemento que seja bloqueado, como o P, começa em uma nova linha e pega todo o width da página. Inline-block vc pode mexer no width e no height (normalmente uso esse) e o display FLEX funciona de uma maneira diferente dos outros displays. Quando colocamos essa propriedade em um elemento, esse elemento se torna um flex container, a partir daí podemos manipular todos os elementos filhos desse flex container com propriedades novas. Essas propriedades devem ser usadas no elemento que é um flex container. Também tem conteúdos aqui na ALURA explicando https://www.alura.com.br/apostila-html-css-javascript/19CA-novos-layouts-com-flexbox

Obrigado Mary vou ver.