如何定义角材料的固定弯曲尺寸？

Question

我得到了下面的标记

<div layout="column" layout-align="space-around center" ng-cloak>
  <div flex="85">
    <div layout="row" layout-align="space-around center">
      <div flex>
        <md-button class="md-fab md-warn" ui-sref="settings">
          <ng-md-icon icon="settings" style="fill:white"></ng-md-icon>
        </md-button>
        <span class="md-subhead">Configuraciones</span>
      </div>
      <div flex>
        <md-button class="md-fab md-primary" aria-label="Eat cake" ng-click="watch()">
          <ng-md-icon icon="play_arrow" style="fill:white"></ng-md-icon>
        </md-button>
      </div>
    </div>
  </div>
  <div flex="15">
    <div layout="row" layout-align="space-around center">
      <div flex>
        <img src="public/img/buap-logo.png" class="img-rounded img-responsive center-block finalcut-img-small" style=""/>
      </div>
      <div flex>
        <img src="public/img/lke-logo.jpg" class="img-rounded img-responsive center-block finalcut-img-small" style=""/>
      </div>
    </div>
  </div>
</div>

制作如下：

​

​

但是，我需要按钮div来获取85%的父容器高度，这就是为什么我添加了flex="85"属性，而带有图像的div应该是高度的15%。

我不知道我该怎么设置他们的财产才能得到这样的结果。根据医生的说法，这应该能让它发挥作用。

Answer 1

Flex只适用于宽度。没有办法用flex来判断div的高度。属性layout=“列”仅指从上到下显示的div，从左到右显示的行。

来自material.angular.org

列:垂直排列的物品。最大宽度= 100%，最大高度是容器中项目的高度.

您可以在img标记中使用css样式，如“身高:15 in”，并尝试一下。