如何在Angular中应用带有百分比的样式？

Question

按照此link

我可以做到

<p [style.width.px]="30">
  Some text that may be important.
</p>

这将设置30像素的宽度。 我该怎么做百分比？

<p [style.width.percent]="30"> // This doesn't work
  Some text that may be important.
</p>

Answer 1

您使用%符号。

<p [style.width.%]="30">

您可以使用CSS数值之后通常会出现的数字。

例如；

30rem => [style.width.rem]="30"
30px => [style.width.px]="30"
30% => [style.width.%]="30"