在渲染Marionette CollectionView时，如何删除每个childView之间的换行符？

Question

在MarionetteJS中，创建CollectionView时，所有子项在渲染时会自动用换行符分隔。我希望特定CollectionView中的子项必须按顺序呈现，而不添加换行符（有效地用空格替换换行符）。

我查看了源代码，并确信我需要更改从CollectionView的render方法调用的其中一个函数。但是，我不能为我的生活找出需要改变的东西。

要查找相关功能，请在此带注释的源代码页上找到“渲染子视图”：http://marionettejs.com/annotated-src/backbone.marionette.html如果有人可以帮我找出需要更改的内容，我真的很感激！

Answer 1

每个视图都需要交给一个DOM元素用作root或自己创建一个。您可以使用tagName属性控制ItemView使用哪个标记作为root用户。默认值为<div>，这是一个块元素，这就是您获取换行符的原因。

这里有几个选项，其中没有一个是编辑Marionette来源。

您可以让您查看使用内联元素（如<span>）作为根，这是我更喜欢的选项。

var ItemView = Backbone.Marionette.ItemView.extend({

  template: '#template',

  tagName: 'span'

});

demo

或者您可以使用CSS将ItemView的根元素设置为display: inline-block。