Question

我的目标是使用CSS（display：table，table-row，table-cell）构建一个表，其中1个自定义聚合物元素定义表的div，另一个聚合物元素定义行的div细胞，像这样

<my-table>
  <my-row col1="contents of column 1" col2="column 2">
      --html for content of column 3--  
  </my-row>
</my-table>

我遇到的问题是使用＆＃34; display：table;＆＃34;创建的div。没有被＆＃34; display：table-row＆＃34;创建的div所识别。和＆＃34;显示：table-cell＆＃34;。创建的div似乎认为它们在各自的表中。

有没有办法让它发挥作用？如果答案是使用:: content :: shadow，那么我需要显示如何，因为我无法使其工作并表现为单个大表。

Answer 1

您应该设置聚合物元素的host样式，而不是其中的div。