强制单元格“清除”引导缩略图表中的内容答案

【问题标题】：Force cell to "clear" contents in bootstrap thumbnail table强制单元格“清除”引导缩略图表中的内容
【发布时间】：2016-10-23 03:26:34
【问题描述】：

我生成了一个表格，显示在 twitter 引导框架的“容器”和“缩略图”div 中。其中一个单元格包含我希望在单行上显示的按钮，因此在 <nobr> 标记内。问题是“按钮”图像超出了表格的范围。有简单的解决方法吗？

修复应该使用动态列宽（其他列应该包含内容，防止最后一列超出表格边界）。

【问题讨论】：

【解决方案1】：

似乎最后一列没有足够的宽度。如果您不介意列的宽度相等（任何数字），请将其添加到 css。

table{ table-layout: fixed; }

最好的问候

【讨论】：

【解决方案2】：

我找到了一个解决方案，不一定与所有浏览器兼容，使用 CSS 灵活框。我在<nobr> 标签中添加了以下属性：

style="display:flex; flex-shrink: 0; min-width:60px;"

这会导致图标被包裹在一个 flexbox 中，这也可以防止缩小超过 60 像素。

【讨论】：