强制细胞清除"清除" bootstrap缩略图表中的内容

时间:2016-04-24 18:14:11

标签: html css twitter-bootstrap html-table

我已经生成了一个显示在&#34;容器中的表&#34;和&#34;缩略图&#34;在twitter bootstrap框架中的div。其中一个单元格包含我希望在一行显示的按钮,因此位于<nobr>标记内。问题是&#34;按钮&#34;图像超出了表格的限制。有一个简单的解决方法吗?

在这里演示:http://www.bootply.com/ElSeqdESoO#

修复应该使用动态列宽(其他列应该包含内容,防止最后一列超出表边界)。

2 个答案:

答案 0 :(得分:1)

似乎最后一列没有足够的宽度。提供,你不介意具有相等的列宽(任何数字),将其添加到css。

table{ table-layout: fixed; }

祝你好运

答案 1 :(得分:0)

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

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

这会导致图标被包裹在一个弹性盒中,弹性盒也可以防止收缩超过60px。