我想要一个总是100%宽度的表，但我希望列的宽度根据其内容而变化。即小列收缩，以便为包含更多内容的列提供更多空间。

这里有一个示例，我希望第1、3和4列缩小，以便第2列有更多的空间。

https://codepen.io/melonfacedoom/pen/zeyrywl

以下是来自该代码本的css:

.content-table {
    border-collapse: collapse;
    table-layout: fixed;
    width:100%;
}

.content-table th,
.content-table td {
    overflow: hidden;
    text-overflow: ellipsis;
}

顺晟科技：

必须删除，因为它为所有子元素分配了相等的宽度。试试这个。

确保添加来打破这个单词，以便它将完美地对齐。 还要考虑添加到您的and以避免严重压缩。

您修改的codepen

正如OP建议的那样，他希望将内容放在一行中，这里有一个解决方案。

您所要做的就是为元素添加最大宽度

另一种保留和避免的可能性是切换到布局。

想法是这样的