html - 如何使div宽度适合div内的表格？

Question

如果table在div里面，而且table的宽度不确定，甚至可以比屏幕还宽，如何制作包含该表格的 div 调整表格宽度？由于 div 设置了 padding: 10px，当表格超过屏幕宽度时，padding-right 变为不可见。

代码如下:

<div class="panel-body">
   <table class="table table-hover table-bordered"></table>
</div>

Answer 1

我找到了一个方法。

.panel-body{
    display: inline-block;
    padding: 10px;
}

它能起作用的关键是“显示”。你可以从 block、inline 和 inline-block 中了解它们的区别。 希望对你有帮助