Question

嗨，我正在创建我正在使用的聚合物元素＆lt;纸卡＆gt;。我想改变身高和高度我的纸卡宽度使它占据整个空间。此外，我想做一些更改，但我发现很难。我可以使用这样的内联样式来实现：

<template>
 <div >
 <paper-card heading="OTS Task" animatedShadow="true" style="width: 100%">
  <div class="card-content" >
      <iron-label >Label 1 </iron-label>
      <iron-label> Label 2</iron-label>       
  </div>
  <div class="card-actions">
    <paper-button>Share</paper-button>
    <paper-button>Explore!</paper-button>
  </div>
</paper-card>
</div>

如果你看到这里我做了style =“width：100％”，使它跨越整个宽度。任何人都可以告诉我如何在＆lt;风格＆gt;标签。我在这方面阅读了很少的文档，但发现它非常困难*聚合物*新。在此先感谢：）

Answer 1

def receive_signal(signum, stack): ...的等效CSS将是：

<paper-card style="width: 100%">

这是一个有效的演示：

<style>
  paper-card {
    width: 100%;
  }
</style>

^codepen

Answer 2

不要认为将纸卡元素设置为100％就行了我相信正确的方法是使用混音，因为这是你style Polymer elements的方式。

在这种情况下，正确的方法是：

  paper-card {
    --paper-card: {
      width: 100%;
    };
  }

在这种情况下，文本的对齐处理为：

  paper-card {
    --paper-card-header-text: {
        text-align: center;
    };
  }
  paper-card {
    --paper-card-content: {
        text-align: center;
    };
  }

可以在element description here.

中找到不同选择器的完整列表

Answer 3

您可以在样式标记中使用is="custom-style"，然后使用元素页面或标准CSS属性中描述的纸卡属性

如何设置聚合物元素

3 个答案: