文章/答案/技术大牛

发布

社区首页 >问答首页 >如何正确使用css的“calc()”和ng-style

问如何正确使用css的“calc()”和ng-style
EN

Stack Overflow用户

提问于 2015-10-15 04:53:29

回答 2查看 10.9K关注 0票数 3

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

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

ng-style

angularjs-ng-style

css

pug

calc

回答 2

Stack Overflow用户

发布于 2015-10-15 05:07:49

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

将会解决这个问题。

票数 2

Stack Overflow用户

发布于 2020-04-29 17:25:58

在使用Angular 8的HTML中，这对我很有效

ngStyle="{'width'：someAngularVariable +'px'，'left'：'calc(100% -‘+某些角度变量+ 'px)’}"

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33135398

复制

相似问题

问如何正确使用css的“calc()”和ng-style
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何正确使用css的“calc()”和ng-styleEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何正确使用css的“calc()”和ng-style
EN