Html 使用flexbox,如何对齐最左侧、最右侧和最右侧下方的一个元素?

Html 使用flexbox,如何对齐最左侧、最右侧和最右侧下方的一个元素?,html,css,flexbox,Html,Css,Flexbox,这是我的密码: 。区域页脚{ 显示器:flex; 证明内容:之间的空间; 对齐项目:居中; } Flexbox解决方案 下面是一个简单的例子。第一行的两个项目都占据了50%的空间。最后一项使用marginleft:auto推到最右侧 .container{ 显示器:flex; 柔性包装:包装; } .1、.2{ 弹性基准:50%; } .二{ 文本对齐:右对齐; } .三{ 左边距:自动; } 一 二 三 您可以在div元素中包装两个节元素 ©MySite 2019 谢

这是我的密码:

。区域页脚{
显示器:flex;
证明内容:之间的空间;
对齐项目:居中;
}

    Flexbox解决方案 下面是一个简单的例子。第一行的两个项目都占据了50%的空间。最后一项使用
    marginleft:auto
    推到最右侧

    .container{
    显示器:flex;
    柔性包装:包装;
    }
    .1、.2{
    弹性基准:50%;
    }
    .二{
    文本对齐:右对齐;
    }
    .三{
    左边距:自动;
    }
    
    一
    二
    三
    
    您可以在
    div
    元素中包装两个
    元素

    
    
    ©MySite 2019


    谢谢!第一个使用flex basis的解决方案非常有效!