Oi pessoal, tudo bem?
Vocês consegue me explicar ou dar uma definição sobre o que é ou como funciona ou como usar a função inline-block? Achei confusa a explicação.
Obg a quem explicar ;)
Solucionado
Oi pessoal, tudo bem?
Vocês consegue me explicar ou dar uma definição sobre o que é ou como funciona ou como usar a função inline-block? Achei confusa a explicação.
Obg a quem explicar ;)
Oi, Rodrigo, tudo bem?
O inline-block é um valor atribuído à propriedade display que especifica o tipo de caixa que será estilizado, podendo ser: flex, grid, inline, inline-block, none, e várias outras. Ou seja, quando definimos um display: inline-block ´para um determinado elemento, como por exemplo, um menu, estamos dizendo que queremos que o elemento esteja em bloco e os links numa única linha. Outra detalhe importante no display: inline-block é que ele aceita valores de width, largura, e height, altura, ou também, padding, margins, veja nesse exemplo: https://www.w3schools.com/css/tryit.asp?filename=trycss_inline-block_nav
Se você trocar o display por somento inline e rodar no botão run verás que a caixa amarela perde o respiro adicionado do padding. Então, basicamente o inline-block é quando queremos deixar os elementos de uma caixa num linha e também teremos o poder de colocar respiros de margin, padding e, altura e largura dentro da caixa.
Qualquer dúvida, é só falar!
Nossa, que explicação completa. Muito obrigado!!
Oi, Rodrigo, que bom que a resposta te ajudou :}
bons estudos!