Questão FC373520
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-b
Desenvolvimento Web
FCC · 2019
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
- exibe parte do elemento da página na horizontal e parte na vertical.
- não adiciona quebra de linha após o elemento, permitindo que este se ajuste ao lado de outros elementos.
- não permite definir uma largura e altura para o elemento.
- não permite definir as margens e os paddings do elemento.
- adiciona quebra de linha após o elemento, não permitindo que este se ajuste ao lado de outros elementos.
Mostrar resposta e comentário
Gabarito
B
Comentário do professor
A alternativa indica corretamente que display:inline-block não força a quebra de linha após o elemento, permitindo que ele fique lado a lado com outros elementos na mesma linha.
Isso ocorre porque o inline-block combina comportamentos: preserva características de bloco (é possível definir largura, altura, margens e padding) e, ao mesmo tempo, se comporta como um elemento inline, ou seja, participa do fluxo horizontal sem inserir uma quebra automática.
Na prática, é útil para criar layouts horizontais (botões, cards, itens de menu) mantendo controle de dimensões.
Um detalhe prático: elementos inline-block podem apresentar pequeno espaço em branco entre si por causa do espaçamento em HTML; para removê‑lo use soluções como eliminar o espaço no código, comentar a quebra, ou ajustar font-size do contêiner.
Conteúdo do catálogo FC Concursos · Atualizado em