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

Question

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

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

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

Answer 1

.mngAppSpan{
  float:left;
  ..
  .
}

Answer 2

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

也失去了断字属性。