Considere‑se o código a seguir.Com base no código descrito, assinale a opção que apresenta o conteúdo do arquivo styles.css que, quando aplicado à divcuja classe é container‑pai, fará com que a div filha que não tem largura definida seja centralizada horizontalmente.

Question

Considere‑se o código a seguir.Com base no código descrito, assinale a opção que apresenta o conteúdo do arquivo styles.css que, quando aplicado à divcuja classe é container‑pai, fará com que a div filha que não tem largura definida seja centralizada horizontalmente. Alternativa A: .container‑pai{
         margin: auto;}  Ou Alternativa B: .container‑pai{             text‑align: center; }  Ou Alternativa C: .container‑pai{
         position: absolute;                        
 left: 50%} Ou Alternativa D: .container‑pai{            display: flex;             justify‑content: center; } Ou Alternativa E: .container‑pai{             align‑items: center; }

Marcelo · Accepted Answer

Alternativa [D] .container‑pai{            display: flex;             justify‑content: center; } A alternativa correta é a D.Entenda o motivo e por que as outras falham: * display: flex; justify-content: center; (Alternativa D - Correta): Transforma o elemento pai em um container Flexbox e alinha todos os seus filhos diretos ao longo do eixo principal (que por padrão é horizontal) no centro. Funciona mesmo sem definir largura para a div filha. * margin: auto; (Alternativa A): Centralizaria a própria .container-pai, mas exige uma largura (width) explicitamente definida no elemento para funcionar. * text-align: center; (Alternativa B): Centraliza elementos do tipo inline ou inline-block (como textos e imagens). Uma div é um elemento de bloco (display: block), portanto não é afetada por essa regra a menos que sua exibição seja alterada. * align-items: center; (Alternativa E): No Flexbox padrão (com flex-direction: row), o align-items faz o alinhamento no eixo cruzado (vertical), não horizontal.

Considere‑se o código a seguir.Com base no código descrito, ...

Comentários

Clique para visualizar este comentário

Questões de assuntos semelhantes

Provas relacionadas