Сценарий стилизации внутри HTML

Я пытаюсь создать виджет акций, взятый из: financialcontent.com. Я использую Bootstrap, чтобы помочь создать стиль страницы.Сценарий стилизации внутри HTML

Для того, чтобы поместить его внутри 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>

Однако, я не могу стилизации размер самого запас, который заставляет его быть больше, чем пространство, я выделил для него, как показано ниже:

есть ли способ для меня, чтобы изменить размер сценария? Я уже рассматривал увеличение размера столбца, но это не привлекательный вариант, учитывая другие элементы страницы.

источник

2016-11-28 S Mittal

Предполагая, что сценарий просто вводит некоторую разметку на вашу страницу, вы должны иметь возможность использовать свои инструменты для разработчиков (F12 для большинства браузеров на компьютере под управлением Windows или «Cmd + Opt + I» для Chrome и Firefox на OSX), чтобы проверить сгенерированный HTML. Из этого вы можете найти некоторые классы, которые вы можете использовать в своем CSS. –

Ширина жестко закодирован на 300px:

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

Вы можете перезаписать, что с помощью правила CSS

.fcsnapshot { width: auto !important; }

Это, вероятно, сломать другие стили виджета вы должны исправить, но это отправная точка.

источник

2016-11-28 06:05:45

Сценарий стилизации внутри HTML

ответ

Смежные вопросы