我已经生成了一个显示在&#34;容器中的表&#34;和&#34;缩略图&#34;在twitter bootstrap框架中的div。其中一个单元格包含我希望在一行显示的按钮,因此位于<nobr>
标记内。问题是&#34;按钮&#34;图像超出了表格的限制。有一个简单的解决方法吗?
在这里演示:http://www.bootply.com/ElSeqdESoO#
修复应该使用动态列宽(其他列应该包含内容,防止最后一列超出表边界)。
答案 0 :(得分:1)
似乎最后一列没有足够的宽度。提供,你不介意具有相等的列宽(任何数字),将其添加到css。
table{ table-layout: fixed; }
祝你好运
答案 1 :(得分:0)
我找到了一个解决方案,不一定与所有浏览器兼容,使用CSS灵活方框。我在<nobr>
标记中添加了以下属性:
style="display:flex; flex-shrink: 0; min-width:60px;"
这会导致图标被包裹在一个弹性盒中,弹性盒也可以防止收缩超过60px。