设计“自定义元素”

Question

我正在尝试创建自己的框架，将内容注入“自定义元素”（我不知道如何正确引用它们..它们不是自定义元素，因为它们不是 Web 组件）

有没有办法正确地将样式放置在不属于标准的 html 元素上？我不明白为什么 ie border 或 float 不起作用？调试器似乎显示浏览器正确计算了它们的大小。

例如以下给出了一个奇怪的结果:(

<style>
  .border { border:solid }
</style>

<custom-  class="border">
  <div>
    hello
  </div>
</custom->

Answer 1

您可以在 HTML 中创建自己的自定义元素，但默认情况下它们是

display: inline

，因此（取决于您想要的结果）您可能必须指定特定的显示（例如

display: block

）才能获得您想要的结果.

.border {
  border:solid;
  display: block;
}

<custom- class="border">
  <div>
    hello
  </div>
</custom->