左侧Angular中的浮动工具栏

Question

1 我正在使用角度材质工具栏，我想在工具栏左侧浮动一个跨度，我尝试将CS​​S浮动到左侧，但它不起作用 请提供任何帮助

<mat-toolbar>

        <span>left</span>
        <span style="text-align: right;">  right </span>

</mat-toolbar>

Answer 1

如果您熟悉Flex Layout，则可以添加Flex Layout。为此，代码如下所示：

<mat-toolbar fxLayoutAlign="start center" fxFlexFill>
<div class="branding">
    <div class="logo">Left</div>
</div>
<div fxFlex>
    <div fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="end center"> Right</div>
</div></mat-toolbar>

Answer 2

以下代码应执行您想要的操作：

<mat-toolbar>
  <div style="text-align: right; width:100%">
    <span style="float:left;">left</span>
    <span>right </span>
  </div>
</mat-toolbar>

在您的代码中text-align: right;是无用的，因为您的span适合内容。