Técnico Judiciário - Técnico em Informática - Software
A propriedade display na linguagem CSS3 especifica como um elemento será exibido no layout da página web. Comparado ao display:block, a principal diferença é que o display:inline-block
Aexibe parte do elemento da página na horizontal e parte na vertical.
Bnão adiciona quebra de linha após o elemento, permitindo que este se ajuste ao lado de outros elementos.
Cnão permite definir uma largura e altura para o elemento.
Dnão permite definir as margens e os paddings do elemento.
Eadiciona quebra de linha após o elemento, não permitindo que este se ajuste ao lado de outros elementos.
Revelar gabarito e comentário▾
GabaritoB — não adiciona quebra de linha após o elemento, permitindo que este se ajuste ao lado de outros elementos.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Propriedade display: inline-block vs block
Gabarito: alternativa B. A principal diferença entre display: inline-block e display: block é que o inline-blocknão adiciona quebra de linha após o elemento, permitindo que ele se posicione ao lado de outros elementos, enquanto ainda aceita definição de largura, altura, margens e paddings. Diferentemente do display: block, que gera quebras de linha e ocupa toda a largura disponível.
A propriedade display controla o tipo de caixa gerada por um elemento. Vamos às alternativas:
Característica
display: block
display: inline-block
display: inline
Quebra de linha após o elemento
✅ Sim
❌ Não
❌ Não
Aceita width / height
✅ Sim
✅ Sim
❌ Não
Aceita margin / padding
✅ Sim (todas as direções)
✅ Sim (todas as direções)
⚠️ Só horizontal
Ocupa toda a largura disponível
✅ Sim
❌ Só o conteúdo
❌ Só o conteúdo
Alternativa A — ❌ Incorreta
Afirma que inline-block exibe parte do elemento na horizontal e parte na vertical. Isso é impreciso: inline-block exibe o elemento como um todo, formando uma caixa retangular que flui inline (ou seja, sem quebra de linha). Não há divisão entre partes horizontais e verticais.
Alternativa B — ✅ Correta ⟵ GABARITO
A descrição está perfeita: inline-block não adiciona quebra de linha, permitindo que o elemento se ajuste ao lado de outros elementos (como inline), mas mantendo a capacidade de definir width, height, margin e padding (como block). É o meio-termo entre block e inline.
Alternativa C — ❌ Incorreta
Afirma que inline-block não permite definir largura e altura. Na verdade, permite, diferentemente do display: inline, que ignora width e height. Essa é uma das vantagens do inline-block.
Alternativa D — ❌ Incorreta
Afirma que não permite definir margens e paddings. inline-blockpermite definir margens e paddings em todas as direções, e eles afetam o layout (diferente de inline, onde margens/paddings verticais frequentemente não empurram outros elementos).
Alternativa E — ❌ Incorreta
Afirma que adiciona quebra de linha após o elemento, não permitindo que se ajuste ao lado. Esse comportamento é do display: block. O inline-block propositalmente não adiciona quebra de linha.
PEGA ESSA DICA!
Para lembrar, pense que inline-block é um "bloco que se comporta como inline" – ele mantém o formato de bloco (com largura/altura controláveis) mas fica na mesma linha que outros elementos. Já block sempre inicia uma nova linha.