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

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

把它放在你的样式表中以防止 ember 视图换行：

div .ember-view {
  display: inline;
}