Html CSS-包装优先级

我有一张三栏的桌子

**********************************************************
*  Name        *     Description               * Actions *
**********************************************************
*  John        * Lorem ipsum bla bla etc eetc  *   B1    *
*              *                               *   B2    *
**********************************************************

发生的情况是，最后一列首先包装其内容，然后包装描述列。我希望描述列先换行。 我尝试添加空白：nowrap，但操作列从未结束

浏览器如何决定要换行的列

我希望第3列是最后一个换行。因此，在描述列完全包装之前，它应该在一行上显示按钮。当没有更多空间时，列可以换行

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css');

实体
身份证件
描述
行动
顾客
9004
空，asdjkajk，kkkjk，kkkk，898989
为第一列和最后一列指定宽度。然后，中心布局将采用所有剩余布局，并根据需要包装其内容。
列在表格中按降序包装其文本。
因此，您只需要固定最后一列的宽度

如果您想在小屏幕中再次包装，只需添加一个媒体查询（请参阅CSS），将其宽度重置为自动，并赋予该列优先包装


表格{
宽度：300px；
}
运输署{
边框：1px纯黑；
}
表>tr>td：最后一个孩子{
宽度：40px；
}
@介质（最大宽度：200px）{
表>tr>td：最后一个孩子{
宽度：自动；
}
}

可乐
描述
行动
约翰
Lorem ipsum bla bla bla黑色测试长文本
BA AB
参见规范中的章节：

列宽的确定如下所示：

计算每个单元格的最小内容宽度（MCW）：格式化内容可以跨越任意行数，但不能溢出
牢房。如果单元格的指定值（W）大于
与MCW相比，W是最小单元宽度。值“auto”表示
MCW是最小单元格宽度

另外，计算每个单元格的“最大”单元格宽度：格式化内容时不打断除显式行以外的行
休息会发生

对于每列，从仅跨该列的单元格中确定最大和最小列宽。最低要求是
具有最大最小单元格宽度的单元格（或列）
，以较大者为准）。最大值为
具有最大单元格宽度的单元格（或列）
，以较大者为准）

对于跨越多个列的每个单元格，请增加其跨越的列的最小宽度，使它们的宽度至少相同
宽如牢房。对最大宽度执行相同操作。如果可能的话，
将所有跨距柱加宽大约相同的量

对于每个具有“宽度”而不是“自动”的列组元素，增加其所跨越的列的最小宽度，以便
它们的宽度至少与列组的“宽度”相同

这为每列提供了最大和最小宽度

字幕宽度最小值（CAPMIN）通过计算
每个标题的最小标题外部宽度为
假设表单元格，包含格式为的标题
“显示：块”。最小标题外部宽度的最大值为
卡普明

列和标题宽度影响最终表格宽度，如下所示：

如果“table”或“inline table”元素的属性的计算值（W）不是“auto”，则使用的宽度是
W、CAPMIN和所有要求的最小宽度中的较大者
列加上单元格间距或边框（最小值）。如果使用的宽度为
大于最小值时，额外宽度应分布在
列
如果“table”或“inline table”元素具有“width:auto”，则使用的宽度是表的包含块宽度中较大的一个，
CAPMIN和MIN。但是，如果CAPMIN或最大宽度
所需的列加上单元格间距或边框（最大值）较小
使用max（max，CAPMIN）来替换包含块的最大值
注意它说

如果使用的宽度大于最小值，则应使用额外的宽度
分布在柱子上

但是，它没有指定应该如何分发

此外，该算法不规范：

该算法反映了几种流行的HTML用户的行为
代理编写本规范。无人机不需要
实现这个算法

因此，该行为取决于实现
请与我们共享您的HTML和CSS代码。或者更好地将问题复制到一个模型中，你用什么来做这件事？这些是花车吗？您使用的是css框架吗？如果你能贴一把小提琴什么的，回答你的问题就容易多了。在不知道如何实现这些列的情况下，它有点过于开放。尝试增加最后一列的宽度在您发布的JSFIDLE中有很多不相关的细节，包括非标准属性和嵌入的图像。试着想出一个新的解决方案，这样你就可以测试出不同的解决方案，而不需要所有额外的样式使其难以理解。什么时候应该换行呢？如果屏幕变得太小，我需要最后一列缩小，但是在第二列换行之后，然后只需将宽度添加到最后一列，让表处理其余的重新调整大小，还是最终需要最后一列也缩小？若您使用的是响应式框架，那个么您还应该有一些类可以用来帮助调整大小。我认为在那之后你没有太多的控制权。我将使用媒体查询设置第三栏的“空白：nowrap”用于大屏幕，而“空白：正常”用于小屏幕