HTML表格格式-基于内容的动态列宽

我正在处理一个HTML文件，该文件将用作电子邮件的附件和基于HTML的电子邮件的基础，该邮件有一个包含13列的表

我希望根据内容自动调整列的大小，这样标题和值较短的列就不会像值较长的列那样占用空间。现在我看到所有的柱子大小都是一样的

下面是我当前的CSS和表代码片段

/*它的作用：阻止Outlook向表中添加额外的间距*/
表，td{
mso表lspace:0pt！重要；
mso表rspace:0pt！重要；
}
/*功能：修复webkit填充问题。修复雅虎邮件表对齐错误。将表格布局应用于前两个表格，然后删除嵌套更深的任何内容*/
桌子{
边框间距：0！重要；
边界崩溃：崩溃！重要；
表布局：固定！重要；
保证金：0自动！重要；
}
餐桌{
表格布局：自动；
}

学期
评估结束日期（晚上11:59）
剩余天数

主题
目录
部分
课程名称
水平仪
特质
教练
响应
注册
响应率

2020年秋季
2020年12月9日
5.
主语
1234
MWE
这里有一个很长的名字
乌格德
在线 的
多愁善感的老师
0
0
0.00%

这里有一种方法

您可以在

th

上应用

min width

，并将宽度设置为

100%

，如下所示：

th {
  width: 100%;
  min-width: 125px;
}

此外，我删除了固定布局规范，因为它阻止将某些样式应用于表

/*它的作用：阻止Outlook向表中添加额外的间距*/
桌子
运输署{
mso表lspace:0pt！重要；
mso表rspace:0pt！重要；
}
/*功能：修复webkit填充问题。修复雅虎邮件表对齐错误。将表格布局应用于前两个表格，然后删除嵌套更深的任何内容*/
桌子{
边框间距：0！重要；
边界崩溃：崩溃！重要；
宽度：100%；
保证金：0自动！重要；
}
th，
运输署{
文本对齐：左对齐；
}
th{
宽度：100%；
最小宽度：125px；
}

学期
评估结束日期（晚上11:59）
剩余天数

主题
目录
部分
课程名称
水平仪
特质
教练
响应
注册
响应率

2020年秋季
2020年12月9日
5.
主语
1234
MWE
这里有一个很长的名字
乌格德
在线 的
多愁善感的老师
0
0
0.00%

当我尝试您的解决方案时，列没有调整大小（第一列除外，该列只有在我打开窗口时才会调整得更大），您是否运行了上面的代码段？是的，即使在代码段中，它也只调整了第一列的大小。在我的原始答案下面还包含了一个替代解决方案。您可以添加

wordwrap:break-word到
th
元素。仍然没有更改。我甚至减少了列的数量，但没有改变。