如何在 ngstyle 中正确使用 css“calc()”答案

【问题标题】：How do properly use css's "calc()' with ng-style如何在 ngstyle 中正确使用 css“calc()”
【发布时间】：2016-01-13 03:15:38
【问题描述】：

我有以下使用 Angular 的 ng 样式和 css 的“calc()”的内联样式，但它不起作用。谁能告诉我有什么问题？

// my jade file has a class named '.logo-area'. 
.logo-area(ng-style="{'right':'calc(100% -'+({{fixedWidth}}+'px') +')'}")

【问题讨论】：

【解决方案1】：

.logo-area(ng-style="{'right': 'calc(50% - '+{{fixedWidth}}+'px'+')'}")

将解决问题。

【讨论】：

【解决方案2】：

这适用于我在 Angular 8 中的 HTML

[ngStyle]="{'width': someAngularVariable +'px', 'left': 'calc(100% - ' +someAngularVariable + 'px)' }"

【讨论】：