如何确保更长的“跨度”进入具有固定宽度的表格中的新行？

Question

我有一张固定宽度的桌子。它的“tbody”是从 ajax 响应生成的。

我在http://jsfiddle.net/p5LL7/7/ 有一个我正在尝试做的例子 单击按钮以模拟 ajax 响应。您将看到第二个单词，即“panther”中断到下一行。我如何确定：

1. 包含较小单词的跨度显示在同一行（如表格的第二行）但是
2. 包含较长单词的 Span 会显示在下一行？

Answer 1

给跨度一个display: inline-block; 的css 属性，然后它们应该会自动换行。

同时丢失断词属性。

Answer 2

.mngAppSpan{
  float:left;
  ..
  .
}