为什么Twitter Bootstrap表总是有100%的宽度？
为什么Twitter Bootstrap表总是有100%的宽度？
提问于 2012-05-21 22:35:05
假设标记如下：
<table class="table table-bordered" align="center"> 不管我有多少个单元格，表格总是100%宽。为什么会这样呢？
回答 6
Stack Overflow用户
回答已采纳
发布于 2012-05-21 23:52:56
引导程序中的所有表都根据它们的容器进行拉伸，您可以轻松地将表放入您选择的.span*网格元素中。如果您希望删除此属性，您可以创建自己的表类，并简单地将其添加到您想要用其中的内容展开的表中：
.table-nonfluid {
width: auto !important;
}您可以在自己的样式表中添加这个类，并简单地将其添加到表的容器中，如下所示：
<table class="table table-nonfluid"> ... </table>这样，您的更改不会影响引导样式表本身(您可能希望在文档中的其他位置有一个流量表)。
Stack Overflow用户
发布于 2015-01-13 07:30:20
<table style="width: auto;" ...工作得很好。已在Chrome 38、IE 11和Firefox 34中测试。
jsfiddle：http://jsfiddle.net/rpaul/taqodr8o/
Stack Overflow用户
发布于 2018-08-14 22:08:45
如果您使用的是Bootstrap4，请使用.w-auto。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10687306
复制相关文章
相似问题