Html 单元格左对齐，右有额外空间的表格

我想让我的表格单元格左对齐，但同时自动调整

例如：

thead td{
背景颜色：黄色；
}
运输署{
边框：1px实心#000；
}

第一桌



标题1
标题2
标题3
第一列有一些额外的文本（废话废话废话）
第二列
第三纵队



第二桌



标题1
标题2
标题3
第一列
第二列
第三纵队

你是说这样的话吗

<table style="width: 100%;">
<thead>
  <tr>
    <td style="width: 150px;">Title 1</td>
    <td style="width: 150px;">Title 2</td>
    <td>Title 3</td>
  </tr>
</thead>
<tr>
    <td class="block">First column</td>
    <td class="block">Second column</td>
    <td class="block">Third column</td>
</tr>
</table>

标题1
标题2
标题3
第一列
第二列
第三纵队

你是说这样的话吗

<table style="width: 100%;">
<thead>
  <tr>
    <td style="width: 150px;">Title 1</td>
    <td style="width: 150px;">Title 2</td>
    <td>Title 3</td>
  </tr>
</thead>
<tr>
    <td class="block">First column</td>
    <td class="block">Second column</td>
    <td class="block">Third column</td>
</tr>
</table>

标题1
标题2
标题3
第一列
第二列
第三纵队

编辑：如果不想在列中使用多行

white-space:nowrap; in `td` css

在CSS中使用

：n最后一个子项

，使其宽度为100%

thead td{
背景颜色：黄色；
}
运输署{
边框：1px实心#000；
}
thead td:n最后一个孩子（1）{
宽度：100%；
}

标题1
标题2
标题3
第一列
第二列
第三纵队

编辑：如果不想在列中使用多行

white-space:nowrap; in `td` css

在CSS中使用

：n最后一个子项

，使其宽度为100%

thead td{
背景颜色：黄色；
}
运输署{
边框：1px实心#000；
}
thead td:n最后一个孩子（1）{
宽度：100%；
}

标题1
标题2
标题3
第一列
第二列
第三纵队

试试看“帮助完整”

thead td{
背景颜色：黄色；
}
运输署{
边框：1px实心#000；
}
thead td：最后一个孩子{
宽度：100%；
}

第一桌



标题1
标题2
标题3
第一列有一些额外的文本（废话废话废话）
第二列
第三纵队



第二桌



标题1
标题2
标题3
第一列
第二列
第三纵队

试试看“帮助完整”

thead td{
背景颜色：黄色；
}
运输署{
边框：1px实心#000；
}
thead td：最后一个孩子{
宽度：100%；
}

第一桌



标题1
标题2
标题3
第一列有一些额外的文本（废话废话废话）
第二列
第三纵队



第二桌



标题1
标题2
标题3
第一列
第二列
第三纵队

您正在寻找没有额外空间的单元格吗？@RaJeshRiJo是的，按照我的问题要求，额外空间应该在表格的右侧。只需删除style=width:100%；表格tag@AbdulMalik通过删除

style=width:100%

我的表格在整个宽度上不再放大。这不是我想要的。@Bronzato无法理解。您希望您的表格为100%，但没有空间？？？您正在寻找没有额外空间的单元格吗？@RaJeshRiJo是的，按照我的问题要求，额外空间应该在表格的右侧。只需删除样式=宽度：100%；表格tag@AbdulMalik通过删除

style=width:100%

我的表格在整个宽度上不再放大。这不是我想要的。@Bronzato无法理解。您希望您的表是100%的，但没有空间？？？我不想在第一个单元格上强制执行

150px

。请看一下我对图像的编辑。JavaScript是选项吗？请不要JavaScript。我不想在第一个单元格上强制执行

150px

。请看一下我的图片编辑。JavaScript是一个选项吗？请不要JavaScript。这正是我想要的。谢谢Abdul。你可以使用空白：nowrap；在td中，为了避免在列中出现多行文字，这正是我想要的。谢谢Abdul。你可以使用空白：nowrap；在td中避免列中出现多行文字