JS Twitter小部件总是创建新的换行，需要在同一行

JS Twitter Widget Always Creates New Line Break, Need On Same Line

本文关键字：一行 换行 小部 Twitter 创建 JS      更新时间：2023-09-26

我需要以下JS Twitter小部件出现在与"TEST MESSAGE"文本相同的行上，但是它总是创建一个换行符，并且该代码显示为三行。

TEST MESSAGE<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 10,
  interval: 30000,
  width: 370,
  height: 500,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#e8e8e8',
      color: '#000000',
      links: '#005eff'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('ControllerShop').start();
</script>TEST MESSAGE

Twitter小部件呈现为<div>，这是一个块元素，因此默认情况下以这种方式表现(就像任何其他块元素，如<p>或<blockquote>)。要使它与文本内嵌显示，试试:

.twtr-widget {
  display: inline-block;
}

你可以在这张图中看到它的作用(确保"结果"窗格足够宽，可以容纳所有内容)。

我不太清楚你为什么要这样做，所以我对你更大的用例很好奇，但无论如何，这都能完成工作。

相关文章：