Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flexbox

Avatar for Danilo Vaz Danilo Vaz
October 06, 2016

 Flexbox

Dissecando um pouco do Flexbox

Avatar for Danilo Vaz

Danilo Vaz

October 06, 2016
Tweet

More Decks by Danilo Vaz

Other Decks in Programming

Transcript

  1. O que é Flexbox? Forma mais eficiente de criar layouts

    Alinha e distribui o espaço entre os itens de um container Habilidade de alterar sua altura e largura para caber no espaço disponível Um display CSS -> display: flex
  2. Notas importantes Float, clear e vertical-align não afetam os itens

    do container Os pseudo-elementos :first-line e :first- letter não funcionam nos containers A W3C indica a utilização da sintaxe: Flex: none | auto | [ <flex-grow> <flex- shrink>? || <flex-basis> ]