angular - 如何在 Angular 中应用带有百分比的样式?

标签 angular typescript

按照这个 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>

最佳答案

您使用 % 符号。

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

您可以使用 CSS 中通常出现在数值之后的内容。

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

关于angular - 如何在 Angular 中应用带有百分比的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56484111/

相关文章:

angular - 订阅路由参数未触发

angular - 如何在 Angular 4 中实现 Google Maps API (initMap)?

typescript - 生成两个具有不同装饰器选项的类

javascript - Angular:Observable.subscribe 取消同步奇怪的错误

angular - 在 Angular 2 中使用 Facebook Javascript SDK 时从 FB.getLoginStatus 内部访问变量

javascript - Angular 属性绑定(bind)或插值

typescript - 调用 createHttpLink 时获取的类型不匹配

reactjs - 使用 RouteComponentProps 和自定义 Prop 对路由使用react

angular - 测试平台:错误:无法解析 PriDateInput 的所有参数:(?)

javascript - 在单击之前显示 mdTooltip,再次单击时隐藏