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

Question

在MarionetteJS中，创建CollectionView时，所有 subview 在渲染时都会自动用换行符分隔。我希望特定 CollectionView 中的子项必须按顺序渲染，而无需添加换行符(有效地用空格替换换行符)。

我已经查看了源代码，并且确信我需要更改从 CollectionView 的 render 方法调用的函数之一。然而，我一生都无法弄清楚什么是需要改变的。

要查找相关函数，请在此带注释的源代码页上找到“渲染 subview ”:http://marionettejs.com/annotated-src/backbone.marionette.html如果有人可以帮助我找出需要更改的内容，我将非常感激!

Answer 1

每个 View 都需要一个 DOM 元素来用作根，或者自己创建一个。您可以使用 tagName 控制 ItemView 作为根使用的标签。属性(property)。默认为 <div>这是一个 block 元素，这就是你得到换行符的原因。

这里有几个选项，但它们都不会编辑 Marionette 源代码。

您可以选择使用内联元素(如 <span> )作为根，这是我更喜欢的选项。

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

  template: '#template',

  tagName: 'span'

});

demo

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