变形标签干扰表格单元格布局

Question

我正在使用两个绑定的ember.js数据视图构建表格单元格。当我这样做时，ember.js插入其变形标记，以便以后可以更新视图。

<td>
<a data-ember-action="14">
  <div id="ember2065" class="ember-view">
    <script id="metamorph-102-start" type="text/x-placeholder"></script>
      02/04/2012
    <script id="metamorph-102-end" type="text/x-placeholder"></script>
  </div> 
    @ 
  <div id="ember2072" class="ember-view">
    <script id="metamorph-103-start" type="text/x-placeholder"></script>
      $61.81
    <script id="metamorph-103-end" type="text/x-placeholder"></script>
  </div>
</a>
</td>

这些标记会导致下面的日期和价格在单元格中换行。是否有CSS样式，我可以应用于这些标签，使它们不影响换行？

Answer 1

这完全取决于你的完整案例。在我看来，使用视图在这里是多余的，但也许我错过了一些信息。

以下是一些工作样本：http://jsfiddle.net/MikeAski/QCbGN/

也许提供更多的背景将有助于获得更好的样本。

Answer 2

将它放在样式表中以防止来自余烬视图的换行符：

div .ember-view {
  display: inline;
}