javascript - HTML 中的样式脚本

Question

我正在尝试为取自:financialcontent.com 的股票小部件设置样式.我正在使用 Bootstrap 来帮助设置页面样式。

为了将它放在一个 div 中，我必须将脚本本身放在我编写的 HTML 代码中，如下所示:

    <div class="col-md-3 col-sm-12 well">
        <script src="http://markets.financialcontent.com/stocks?Module=snapshot&Ticker=$COMP+$SPX+$DJI&Output=JS"></script>
    </div>

但是，我无法设计库存的大小，这导致它比我为它分配的空间大，如下所示:

有什么方法可以让我编辑脚本的大小吗？我已经考虑过增加列的大小，但考虑到页面的其他元素，这不是一个有吸引力的选择。

Answer 1

宽度被硬编码为 300px:

document.write('<div class="fcsnapshot" style="width: 300px;">\n');

你可以用 CSS 规则覆盖它

.fcsnapshot { width: auto !important; }

这可能会破坏您必须修复的小部件中的其他样式，但这是一个起点。