From fe8c5c467563dc251f0f2a08289ed6c1d795a820 Mon Sep 17 00:00:00 2001 From: Jaime Neves Date: Tue, 23 Apr 2024 08:05:33 -0300 Subject: [PATCH] =?UTF-8?q?pergunta=20avan=C3=A7ada=20de=20numero=207?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 28 +++++++++++++++++++++------- 1 file changed, 21 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 6517aed..e9951d0 100644 --- a/README.md +++ b/README.md @@ -1186,19 +1186,33 @@ A propriedade CSS `scroll-behavior` é usada para especificar se a rolagem de um --- -###### 7. ??? +###### 7. Qual propriedade CSS permite a criação de colunas para layout de texto? -- A) ??? -- B) ??? -- C) ??? -- D) ??? +- A) `column-count` +- B) `flex-wrap` +- C) `grid-template-columns` +- D) `column-layout`
Resposta

-#### Resposta: ?) ??? +#### Resposta: A) `column-count` -??? +A propriedade CSS `column-count` é usada para dividir o conteúdo de um elemento em várias colunas, proporcionando um layout similar ao de jornais e revistas. Esta propriedade define o número de colunas desejadas, e o navegador automaticamente distribui o conteúdo entre elas. + +```css +.news-article { + column-count: 3; + column-gap: 20px; /* Espaço entre as colunas */ +} +``` + +```html +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum. + Vestibulum lacinia accumsan velit, sit amet vestibulum nunc cursus ut. Sed tincidunt... +
+```