Html&；Css表格单元格宽度问题如何始终在右侧显示图标？

我有一张有3个单元格的桌子。 第一个应表示配置文件图片，第二个应表示标题（文本），第三个应表示带有标志图标的按钮

应该是什么样子：

<div class="table">
 <div class="tablecellleft">
  ........here is the img
 </div>
 <div class="tablecellmiddle">
  ..... here is the text
 <div>
 <div class="tablecellright">
 ...... button with icon
 </div>
</div>

目前情况如何：

如您所见，中间单元格自动调整其宽度。 这就是问题所在，因为不管中间的文字有多长，它都应该适合/填充屏幕。左侧和右侧应始终具有相同的固定宽度

我已经尝试过的：

<div class="table">
 <div class="tablecellleft">
  ........here is the img
 </div>
 <div class="tablecellmiddle">
  ..... here is the text
 <div>
 <div class="tablecellright">
 ...... button with icon
 </div>
</div>

使用并将您给左右部分的宽度减去100%

width: calc(100% - 34vw);

var费用=[“$0.9+$0.1”、“$20+$2”、“$5+$0.5”、“$0+$0.01”、“$100+$9”、“$1+$1”、“$2+$0.5”]
.table{
显示：表格；
宽度：100%；
}
.左{
显示：表格单元格；
宽度：17vw；
}
.桌子中间{
显示：表格单元格；
垂直对齐：顶部；
宽度：计算（100%-34vw）；
//没有宽度，因为它应该填充
}
.好的{
显示：表格单元格；
宽度：17vw；
文本对齐：右对齐；
}

……这是img
..... 这是文本
...... 带图标的按钮
使用并将左右部分的宽度减去100%

width: calc(100% - 34vw);


var费用=[“$0.9+$0.1”、“$20+$2”、“$5+$0.5”、“$0+$0.01”、“$100+$9”、“$1+$1”、“$2+$0.5”]
.table{
显示：表格；
宽度：100%；
}
.左{
显示：表格单元格；
宽度：17vw；
}
.桌子中间{
显示：表格单元格；
垂直对齐：顶部；
宽度：计算（100%-34vw）；
//没有宽度，因为它应该填充
}
.好的{
显示：表格单元格；
宽度：17vw；
文本对齐：右对齐；
}

……这是img
..... 这是文本
...... 带图标的按钮
您可以尝试计算中间单元格的宽度：
宽度：calc（100%-34vw）不起作用它忽略计算并将宽度设置为100%，这将导致调整大小。您应该提供宽度，而不仅仅是最大宽度和最小宽度。您还有两个
.tablecellleft
，但没有
.tablecellright
。这使得复制更容易：）你能为那个例子提供一把小提琴吗。我的坏现在我们有一个正确的。编辑：你的计算工作像一个魅力，但我不得不改变最大和最小宽度只有宽度：17vw；感谢您的回答。您可以尝试计算中间单元格的宽度：
width:calc（100%-34vw）不起作用它忽略计算并将宽度设置为100%，这将导致调整大小。您应该提供宽度，而不仅仅是最大宽度和最小宽度。您还有两个
.tablecellleft
，但没有
.tablecellright
。这使得复制更容易：）你能为那个例子提供一把小提琴吗。我的坏现在我们有一个正确的。编辑：你的计算工作像一个魅力，但我不得不改变最大和最小宽度只有宽度：17vw；谢谢你的回答，我不希望中间文本在中间。中间单元格中的文本应该始终是中间卖出的左上角。请删除该选项并更新代码。已更新。立即检查。：）完美答案！我不希望中间文本在中间。中间单元格中的文本应该始终是中间卖出的左上角。请删除该选项并更新代码。已更新。立即检查。：）完美答案！