我想为JavaScript Widget添加一些样式,但我已经尝试过使用CSS并且不起作用。
这是我的.js
YUI().use('tabview', function (Y) {
var tabview = new Y.TabView({
children: [{
label: '<div>Tecnología y negocios</div>',
content:'<section class="texto">En los últimos<img class="imapple" alt="" src="images/apple.png" height="400" width="400"/></section>'
},
{
label: '<div>La telefonía móvil</div>',
content:'<div class="texto">Repasamos<img alt="" src="images/exposiciones.jpg" height="700" width="700"/></div>'
},
{
label: '<div>Alan Turing</div>',
content:'<div class="texto">En la entrada<img alt="" src="images/alanturing.jpg" height="700" width="500"/></div>'
},
{
label: '<div>Evolución tecnológica</div>',
content:'<div class="texto">En la zona.<img alt="" src="images/evolution.jpg" height="700" width="700" /></div>'
}]
}).render('#miTabview');
if ( !tab.get('active') ) {
tab.set('contentVisible', false, true); /* hide if not active */
} else {
this.set('activeTab', tab, true);
}
});
脚本显示在左侧页面的顶部。我希望它在中间。 这是我的HTML
<div class="expo" id="exposiciones">
<script src="http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js"></script>
<script class="expo" src="js/Exposiciones.js"></script>
</div>
这里是CSS
.expo{
position: absolute;left: 50px;top: 25px;}