html – Bootstrap 3一个面板中的表溢出

概述<div class="col-xs-6 col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Recently Filtered</div> <table class="table table-striped"> <tr><t

<div >         <div >          <div >Recently Filtered</div>          <table >            <tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>            <tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>            <tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>            <tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>          </table>        </div></div>

当我放大时，面板中的表格溢出，这是一个图片示例

适应这个问题的适当标记是什么？我知道它可以正确扩展。

解决方法 您可以随时将.table响应类添加到表中以使其水平滚动。例：

<div >    <table >        ...    </table></div>

如果这不是你想要的，你需要降低字体大小，使其更好。

总结

以上是内存溢出为你收集整理的html – Bootstrap 3一个面板中的表溢出全部内容，希望文章能够帮你解决html – Bootstrap 3一个面板中的表溢出所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。