css - 如何在 ngstyle 中正确使用 css "calc()'

标签 css pug calc ng-style angularjs-ng-style

我使用 Angular 的 ng-style 和 css 的“calc()”进行了以下内联样式设置,但它不起作用。谁能告诉我哪里出了问题?

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

最佳答案

这对我在 Angular 8 的 HTML 中有用

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

关于css - 如何在 ngstyle 中正确使用 css "calc()',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33135398/

相关文章:

Angularjs ui bootstrap is-open 不适用于下拉

css - calc() 在 CSS3 中无法正常工作

css - 使变量值为负

html - 显示 : flex; vs calc(); performance

html - box-sizing 不适用于 li with inline-block

css: element.class.class - 这是什么意思?

javascript - 获取 RangeError [ERR_HTTP_INVALID_STATUS_CODE] : Invalid status code: undefined in express app

templates - Express 和 Jade 的模板继承

javascript - 为什么 Firefox 和 IE 会分解我的 div 框并放在彼此下面?

html - 谷歌地图未显示在 div 中