在Javascript/jQuery中调整固定高度/宽度表单元格中的fontsize

我想制作一个带有固定高度/宽度单元格的可打印明细表。 单元格包含名称，我不希望名称有换行符

有没有办法动态调整字体大小，这样就不会出现换行符或隐藏文本

---

也许有人知道解决这个问题的好插件或代码片段？

尝试用另一个元素包装每个单元格的内容（表格单元格不支持

溢出：隐藏

）使用

空白：nowrap

和

溢出：hidden

并减小该元素的

字体大小

，直到其内容适合该元素

示例代码：

HTML:

JS:

---

.

尝试用另一个元素（表格单元格不支持

溢出：隐藏
）包装每个单元格的内容，并使用
空白：nowrap
和
溢出：隐藏
，并减小该元素的
字体大小
，直到其内容适合为止

示例代码：

HTML:

JS:


<table>
  <tbody>
    <tr>
      <td><span>cell</span></td>
      <td><span>another cell</span></td>
      <td><span>yet another cell</span></td>
    </tr>
  </tbody>
</table>

td span {
  display: block;
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  font-size: 100%;
}

$(function() {
  $('td span').each(function() {
    var fontSize = 100;
    while (this.scrollWidth > $(this).width() && fontSize > 0) {
      // adjust the font-size 5% at a time
      fontSize -= 5;
      $(this).css('font-size', fontSize + '%');
    }
  });
});