左角浮动工具栏

Question

1我使用的是角材料工具栏，我想在左边的工具栏内浮动一个跨度，我尝试了css向左浮动，它没有工作，请任何帮助。

<mat-toolbar>

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

</mat-toolbar>

Answer 1

如果您熟悉Flex布局，可以包括挠曲布局。为此，代码如下所示：

<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适合内容。