estudo css concluiu (6) - layout do Flex

O último capítulo descreve alguns dos atributos comuns de css    https://www.cnblogs.com/woywan/p/12599827.html

Esta parte descreve a disposição sobre Flex

 

Qual é o layout flexível, o layout que é bolsa flexível

propriedades comuns do layout bolsa flexível

1.Display: cabo flexível, o que significa frase que a caixa a serem exibidos na forma de bolsa flexível, mas também o uso de uma bolsa flexível vai escrever o código

2.flex-sentido: fileira; o conteúdo do arranjo da caixa de decisão, linha representa a horizontal da esquerda para a direita, de cima para baixo, uma coluna vertical dispostos em nome de, como é o permutação inversa seguida por inversa, da direita para a esquerda, de baixo para cima em

      coluna;

      remar-inversa;

      coluna-inversa;

3.flex-wrap: não-wrap; Não enrole arranjo

     embrulhar; arranjo envoltório

     wrap-inversa; envoltório e orientada opostamente

4.justify-teor: flex-começo; disposição de nivel de decisão do conteúdo da caixa, a caixa está localizado no início de alinhamento horizontal

        centro; disposição de nivel de decisão do conteúdo da caixa, a caixa está localizado no alinhamento horizontal médio

       cauda disposição de nivel de decisão do conteúdo da caixa, a caixa está localizada horizontalmente alinhados; flex-extremidade

      espaço entre-; decisão disposição de nivel do conteúdo da caixa, a caixa está localizado nos lados esquerdo e direito alinhados horizontalmente dispostas, tal como uma div div resiliente existem dois, em seguida, uma alinhada à esquerda, à direita alinhados um

      -espaço em torno; o conteúdo da caixa de determina o nível do arranjo, os lados esquerdo e direito da caixa em branco posicionado horizontalmente dispostas

5.align-itens: flex-iniciar; conteúdos verticais caixa modo de alinhamento de decisão, a caixa está localizado no início do alinhamento vertical

        centro; arranjo vertical conteúdo da caixa de decisão, localizado no meio da caixa verticalmente alinhados

       flex-fim; arranjo vertical conteúdo da caixa de decisão, localizado na parte inferior alinhamento vertical da caixa

      alongar; o valor padrão

      linha de base; conteúdo da caixa de modo vertical alinhamento decisão, o quadro está localizado na linha de base alinhamento vertical

6.flex encolhe: o valor; quando a página é menor do que a largura do padrão de conteúdo caixa de escala é 1, a escala não é 0, a gravação no conteúdo atributo de estilo

 

Acho que você gosta

Origin www.cnblogs.com/woywan/p/12604196.html
Recomendado
Clasificación