O layout flexível implementa alguns elementos alinhados à esquerda e outros alinhados à direita

  

  Ao fazer uma lista, existem três botões alinhados à direita em um único contêiner Flex, o efeito é o seguinte:

 

 

 

  E eu quero que o botão vermelho fique à esquerda, enquanto os outros dois botões azuis fiquem à direita

  Neste momento, podemos adicionar o botão vermelho separadamente: margem direita: auto;

  O efeito é o seguinte:

 

 

 

 

  O princípio desse efeito é:

 

  Se a margem direita não estiver definida, o padrão será 0. Depois que a largura do contêiner pai for fixada, o valor da margem direita será  automático  .

  Ocupa automaticamente toda a largura restante ----- "CSS authoritative guide"

 

Acho que você gosta

Origin www.cnblogs.com/abcdecsf/p/12739944.html
Recomendado
Clasificación