如何制作一个全宽的比特币小部件？

Question

我正在尝试将来自 www.bitcoin.com 的比特币小部件标题嵌入到我的网站中，但是有没有办法做到这一点 full-width？

这是小部件（取出 div 以便能够在此处显示）：

div class="btcwdgt-news" bw-entries="3" bw-theme="light"

如果可能，我希望它能占据我页面的整个宽度。

(原文link: 比特币.com/widgets)

Answer 1

您可以通过在 CSS 文件中插入以下内容来覆盖小部件 CSS 参数：

div.btcwdgt {
  max-width: 100% !important;
}

此外，我建议您阅读以下内容：How to override the properties of a CSS class using another CSS class

(function(b,i,t,C,O,I,N) {
    window.addEventListener('load',function() {
      if(b.getElementById(C))return;
      I=b.createElement(i),N=b.getElementsByTagName(i)[0];
      I.src=t;I.id=C;N.parentNode.insertBefore(I, N);
    },false)
  })(document,'script','https://widgets.bitcoin.com/widget.js','btcwdgt');

div.btcwdgt {
  max-width: 100% !important;
}

<div class="btcwdgt-news" bw-entries="3" bw-theme="light"></div>

如何制作一个全宽的比特币小部件？

How to make a bitcoin widget full width?

css

widget

bitcoin