如何在一页上获得多个此元素（带代码笔）
我现在正在创建一个网站（自定义主题），我想在一个页面上使用这个元素（https://codepen.io/ettrics/pen/qaXVAd）。
由于我对 html 和 css 的了解不多（足以自定义一点），因此我无法让它让我在一个页面上使用多个。
我只想要它们中的 3 个彼此相邻。
尝试过一些定制，听说过一些关于孩子的事情，但我自己不知道如何去做。
那是 html，其余的在 codpen 链接上：
<html>
<body>
<div class="wrapper">
<div class="container chart" data-size="400" data-value="88" data-arrow="up">
</div>
</div>
</body>
任何帮助是极大的赞赏 ：）
回首忆惘然浏览 179回答 2
2回答
-
富国沪深
如果您将标记更改为具有更多containerdiv，例如：<div class="wrapper"> <div class="container chart" data-size="400" data-value="88" data-arrow="up"></div> <div class="container chart" data-size="400" data-value="88" data-arrow="up"></div> <div class="container chart" data-size="400" data-value="88" data-arrow="up"></div></div>...然后选择容器的代码会将它们添加到containers列表中，您可以像在第一个容器中所做的那样将刻度盘放入其中（并为刻度盘设置动画），例如：var dial = new Dial(containers[0]);var dial2 = new Dial(containers[1]);var dial3 = new Dial(containers[2]);dial.animateStart();dial2.animateStart();dial3.animateStart();
随时随地看视频慕课网APP
相关分类
JavaScript