html - 添加显示 : block 后表变小

Question

我有一张表格占据了整个周围的 div。为了使其具有响应性，我想添加一个水平滚动条。我添加了属性

display: block; 
overflow-x: auto;

到表中，但它减小了表的大小。我想通了，是 display: block;这样做的属性。我尝试添加 width:100% 但它没有用。有人会知道如何解决这个问题吗？

添加显示 block 属性之前的图像: https://ibb.co/kLCETv

及之后: https://ibb.co/dptXFa

感谢您的宝贵时间!

Answer 1

请用 div 包裹表格并将样式赋予该 div 而不是表格。

<div class="table-wrapper">
  <table></table>
</div>