渲染 Marionette CollectionView 时如何删除每个子视图之间的换行符？

Question

在 MarionetteJS 中，当创建一个 CollectionView 时，所有子项在呈现时会自动用换行符分隔。我希望我必须在不添加换行符的情况下按顺序呈现特定 CollectionView 中的子项（有效地用 space 替换换行符）。

我查看了源代码，确定我需要更改从 CollectionView 的渲染方法调用的函数之一。但是，我这辈子都想不出需要改变的是什么。

要找到有问题的函数，请在这个带注释的源代码页面上找到 "Render children views"：http://marionettejs.com/annotated-src/backbone.marionette.html 如果有人能帮我找出需要更改的地方，我将不胜感激！

Answer 1

每个视图都需要传递一个 DOM 元素以用作根或自己创建一个。您可以使用 tagName 属性控制 ItemView 使用什么标签作为根。默认值是 <div>，它是一个块元素，这就是你换行的原因。

这里有几个选项，其中 none 正在编辑 Marionette 源。

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

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

  template: '#template',

  tagName: 'span'

});

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

How can I remove line breaks between each childView when rendering a Marionette CollectionView?