css - Twitter脚本在div中不起作用

Question

IM 对 html/css 等非常陌生，我试图将 twitter 提要嵌套到 div 中，但我无法让它出现在 div 容器中

<div id="leftmaincontainer"> <m3>Up and Coming Gigs</m3> <br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js" charset="utf-8"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#eb0707'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('The_Buzz_band').start();
</script> <m4>Giggy gigs</m4> </div>

Answer 1

您的 div在div 容器内。您可以在此处使用 jsfiddle 验证这一点：http: //jsfiddle.net/LQH8E/

我使用了您粘贴的完全相同的代码。

为了便于查看，我制作了 div 的背景，blue以便您可以看到它包含的内容。

也许你想用这个 div 做点什么，也许是给它设置样式、居中或其他什么，但没有意识到你实际上拥有 div 中的所有内容？

我为您做了一个小风格的示例：http: //jsfiddle.net/LQH8E/1/使用您提供的相同 HTML。