HTML表格单元格换行异常求助：右侧单元格无法自动换行

针对你遇到的表格右侧列无空格长文本无限延伸、左侧列自动换行的问题，核心原因是Power Automate的PDF渲染引擎对表格布局的CSS支持有限，需要用兼容性更强的写法：

关键修改点 #

• 给表格添加table-layout: fixed属性，强制表格按设定的列宽布局，而非自适应内容
• 明确指定每列的宽度（用百分比或px，避免rem这类相对单位）
• 给右侧列单元格添加强制换行的CSS属性

修改后的示例代码 #

<style>
  .report-table {
    width: 100%; /* 或固定宽度如800px，适配PDF页面 */
    table-layout: fixed; /* 核心：强制按列宽分配空间 */
    border-collapse: collapse;
    margin: 16px 0;
  }
  .report-table th, .report-table td {
    border: 1px solid #333;
    padding: 8px;
  }
  .col-punkte {
    width: 30%; /* 左侧列宽度占比 */
    word-break: normal; /* 保持正常换行逻辑 */
  }
  .col-anmerkungen {
    width: 70%; /* 右侧列宽度占比 */
    word-break: break-all; /* 强制无空格文本在任意字符处换行 */
    overflow-wrap: break-word; /* 兼容渲染引擎的备选属性 */
  }
</style>

<table class="report-table">
  <thead>
    <tr>
      <th class="col-punkte">Punkte</th>
      <th class="col-anmerkungen">Anmerkungen</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="col-punkte">2.1 这里是会自动换行的测试文本内容，用来验证左侧列的换行逻辑是否正常</td>
      <td class="col-anmerkungen">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
    </tr>
    <tr>
      <td class="col-punkte">1.1 短文本测试</td>
      <td class="col-anmerkungen">这是带空格的正常文本，会自动按空格换行；而无空格的超长字符串会被强制拆分换行</td>
    </tr>
  </tbody>
</table>

额外注意事项 #

• 尽量避免使用rem、em这类相对单位，PDF渲染引擎对它们的解析可能不稳定，优先用px或百分比
• 如果表格仍超出PDF页面宽度，可以给表格外层加一个带固定宽度的容器，比如：<div style="width: 794px; margin: 0 auto;">（794px是A4纸的宽度，适配PDF默认页面）

内容的提问来源于stack exchange，提问作者Cooler Mann