Angular material Flexlayout使材质按钮高度更大_Angular Material_Angular Flex Layout

Angular material Flexlayout使材质按钮高度更大

angular-material

Angular material Flexlayout使材质按钮高度更大,angular-material,angular-flex-layout,Angular Material,Angular Flex Layout,我有下面的html，但这使按钮的大小越来越大。如何使按钮不增加高度 <div fxLayout="row"> <h5>User Management</h5> <span fxFlex></span> <button mat-raised-button color="primary">Create</button> </div> 用户管理创造使用fxLayou

我有下面的html，但这使按钮的大小越来越大。如何使按钮不增加高度

  <div fxLayout="row">
    <h5>User Management</h5>
    <span fxFlex></span>
    <button mat-raised-button color="primary">Create</button>
  </div>


用户管理
创造

使用
fxLayoutAlign
指令的解决方案

最简单的方法是对

div

元素使用指令，如下所示

<div fxLayout="row" fxLayoutAlign="center center">
  ... 
</div>

如果同一页面上有其他不能更改的

h5

元素，则需要为flex行中出现的

h5

元素定义一个特定的CSS类（可以命名为“h5内联”）

HTML模板将如下所示

<div fxLayout="row">
  <h5 class="h5-inline">User Management</h5>
  <span fxFlex></span>
  <button mat-raised-button color="primary">Create</button>
</div>


用户管理
创造

带有
FXLAYOUTALING
指令的解决方案