JS Twitter Widget всегда создает новый разрыв строки, нужно на одной линии - PullRequest
Новая
       12

JS Twitter Widget всегда создает новый разрыв строки, нужно на одной линии

0 голосов
/ 10 октября 2011

Мне нужно, чтобы следующий виджет 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

1 Ответ

0 голосов
/ 10 октября 2011

Виджет Twitter отображает как <div>, который является элементом блока и поэтому ведет себя по умолчанию таким же образом (как и любой другой элемент блока, например <p> или <blockquote>). Чтобы отобразить текст в строке, попробуйте: 

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

Вы можете увидеть его в действии в этой скрипке (убедитесь, что панель «Результат» достаточно широка, чтобы вместить все).

Не совсем понятно, почему вы хотите это сделать, поэтому мне любопытно ваше более широкое использование, но это все равно работает.

...