在内容增加时，难以调整单元格高度

在内容增加时，如果希望单元格高度能够自动调整，可以使用以下方法：

方法一：使用CSS的table-layout属性

<style>
  table {
    table-layout: fixed;
  }
  td {
    word-wrap: break-word;
  }
</style>
<table>
  <tr>
    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
  </tr>
</table>

这种方法会使表格的布局使用固定宽度，并且单元格中的文本会自动换行。

方法二：使用JavaScript动态调整单元格高度

<style>
  td {
    white-space: nowrap;
    overflow: hidden;
  }
</style>
<table>
  <tr>
    <td id="cell">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
  </tr>
</table>
<script>
  var cell = document.getElementById("cell");
  cell.style.height = cell.scrollHeight + "px";
</script>

这种方法使用JavaScript获取单元格的内容高度并设置单元格高度，保证内容显示完整。

需要注意的是，以上方法都是基于单元格中只有文本内容的情况，如果单元格中还包含其他元素（如图片、链接等），可能需要根据具体情况进行调整。