Javascript 在末端定位柔性箱

Javascript 在末端定位柔性箱,javascript,html,angularjs,css,flexbox,Javascript,Html,Angularjs,Css,Flexbox,我有两个内盒在一个弹性盒容器。正如你在照片上看到的那样 一个密码 <md-toolbar layout="row" layout-align="space-around center" ng-controller="NavbarCtrl"> <div layout="row" flex="30" style="border: 1px solid #F39814;"> <div layout="row" style="border: 1px soli

我有两个内盒在一个弹性盒容器。正如你在照片上看到的那样

一个密码

<md-toolbar layout="row" layout-align="space-around center" ng-controller="NavbarCtrl">

  <div layout="row" flex="30" style="border: 1px solid #F39814;">

    <div layout="row" style="border: 1px solid #440044;align-items: flex-start;">
      <h2>Project</h2>
    </div>
    <div layout="row" style="border: 1px solid #ffff00;align-items: flex-end;">
      <p>Sign In</p>
    </div>

  </div>

</md-toolbar>
但它也不起作用。

您可以使用以下css属性在它们之间添加一个空的flex项:

flex: 1 0 auto
但是我不能帮你用角度语法来翻译


您是否尝试过在两个内部
元素之间放置一个空的
元素

这就是我如何分离左/右对齐工具栏工具的方法

编辑:如果您不想在标记中添加额外的
标记,您还可以尝试在外部
上设置
布局对齐=“间距”

flex: 1 0 auto