ng-container 从下到上显示文本

Posted 2023-03-05

【中文标题】ng-container 从下到上显示文本

【英文标题】：ng-container display text from bottom to top

【发布时间】：2021-11-05 19:51:41

【问题描述】：

我有一个这样的 ng 容器：

<ng-container [matColumnDef]="column" *ngFor="let column of columns">
      <th mat-header-cell *matHeaderCellDef> column </th>
      <td mat-cell *matCellDef="let element">element.name</td>
    </ng-container>

我正在尝试从下到上而不是从左到右显示 <th mat-header-cell *matHeaderCellDef> column </th> 中的文本。我尝试使用flex-direction: column ，但它不起作用。可以这样做吗？

这是我的桌子的设计。我希望符号（A，B，C，D，E）下列中的文本从下到上显示，而不是像现在这样。文字应该是垂直的而不是水平的。

【问题讨论】：

你能附上一张图片来解释你真正想要什么吗？

你说的是 A、B、C、D、E 标题吗？

是的，完全正确。我希望它们反转显示。例如，假设 A 是 ***。我想从下到上显示这个词，而不是像正常情况下那样从左到右显示。所以文字应该是垂直的而不是水平的。

【参考方案1】：

您可以使用transform-origin 和transform。这里是link

【参考方案2】：

轻松使用 flex，只需使用

flex-direction: column-reverse;

【参考方案3】：

也许我们需要更多的代码。 在第一个视图中，我建议您检查您使用的表格标签是否正确。

tables in html

如果您需要更多帮助，您应该提供小提琴之类的东西。

问候