Question

您好，我对Css有一些疑问，但我无法做到。 tutorial

如何移动那些突出显示名称的数字。我已经尝试了flex direction margin margin auto等，但是我没有得到想要的结果。

这是我的html代码

<section class="favorites">
<div class="category" *ngFor="let category of categoryKeys">
<div class="sub-header">{{category}}</div>
<app-custom-accordion [closeOthers]="true">
  <ngb-panel [disabled]="panel.Tests.length === 0" *ngFor="let panel of testSelectionSession.FavoritesByCategory[category]"
             id="{{panel.Id}}" [title] = "panel.Name">
    <ng-template ngbPanelTitle>
      <span class="test-length" style=""> {{ '(' + panel.Tests.length + ')'}}</span>
      <div class="action-items">
        <span class="icon-set" [ngClass]="{'same-day-2x': isSameDay(panel.Code), 'next-day-2x': isNextDay(panel.Code)}"></span>
        <label class="custom-control custom-checkbox">
          <input type="checkbox" class="custom-control-input" [name]="panel.Id + '-' + panel.Moniker" [ngModel]="checkAllTestsSelected(panel)"
            (ngModelChange)="onPanelCheckboxUpdate($event, panel)" [id]="panel.Id + '-' + panel.Moniker">
          <span class="custom-control-indicator"></span>
        </label>
      </div>
    </ng-template>
  </ngb-panel>
</app-custom-accordion>

我正在尝试将此标签向左移动

<span class="test-length" style=""> {{ '(' + panel.Tests.length + ')'}}</span>

有人可以帮助我解决这个问题吗？

Answer 1

最简单的解决方案将包括

'(' + panel.Tests.length + ')'

在面板标题中：

  <ngb-panel [disabled]="panel.Tests.length === 0" *ngFor="let panel of testSelectionSession.FavoritesByCategory[category]"
             id="{{panel.Id}}" [title] = "panel.Name + '(' + panel.Tests.length + ')'">

该组件非常类似于表，使得很难实现向左浮动的单独列的内容。尽管我对ngb-panel不熟悉。

如何使用margin自动CSS角度4向左移动跨度

1 个答案: