Tenho dúvida quanto a diferença dessas duas. Não entendo direito. Podem me ajudar, por gentileza?
Tenho dúvida quanto a diferença dessas duas. Não entendo direito. Podem me ajudar, por gentileza?
hoje, com a Alura e o Google Gemini
Oi Erick, segue uma breve explicação:
Display: inline-block permite para definir uma largura e altura no elemento. Alem disso, as margins e paddings são respeitados... ou seja, o tamanho que voce define, é o tamanho que sera representado na tela. Display: inline no entanto, vai apenas ocupar o espaço nessesario pra renderizar o texto ou o que seja que esta dentro da tag. Ou seja, o tamanho maximo dele é o tamanho do elemento, nao podendo assim, setar valores de widht ou height.
Comparado a display: block, o major a diferença é que display: inline-block nao adiciona uma quebra de linha após o elemento, para que o elemento possa ficar ao lado do outro elementos.
Espero ter ajudado!