Questão de Tecnologia da Informação · FCC TJ-MA 2019 (nº 50)

A propriedade display no CSS3 define como um elemento se comporta e interage com outros elementos na página. Um elemento com display: block sempre ocupa uma linha inteira, como um parágrafo. Já um elemento com display: inline-block se comporta como texto (fica na mesma linha), mas permite que você defina sua largura e altura, como se fosse um bloco.

• (A) Incorreta: Esta alternativa descreve uma forma de posicionamento ou layout que não está diretamente relacionada à propriedade display: inline-block em comparação com display: block.
• (B) Correta: A principal característica do display: inline-block em contraste com o display: block é que ele não força uma quebra de linha após o elemento, permitindo que outros elementos se posicionem ao seu lado na mesma linha, desde que haja espaço.
• (C) Incorreta: Ao contrário do display: inline (que não permite definir largura e altura), o display: inline-block permite sim que se defina uma largura e altura para o elemento, combinando características de elementos inline e block. Esta é uma das grandes vantagens do inline-block.
• (D) Incorreta: O display: inline-block permite definir margens e paddings (espaçamentos internos) em todos os lados do elemento, e eles afetam o layout corretamente, diferentemente do display: inline onde as margens e paddings verticais não afetam o fluxo.
• (E) Incorreta: Esta alternativa descreve o comportamento de um elemento com display: block, que adiciona uma quebra de linha após si e não permite que outros elementos se ajustem ao seu lado. O display: inline-block faz exatamente o oposto em relação à quebra de linha.