table{ min-width: 100%; } td{ min-width: 100px; } .table-container{ overflow:auto; display: block; }
<div class="table-container"> <table> <tr> <td></td> <td></td> <td></td> <td></td> ...... </tr> </table> </div>
为table设置最小宽度,当超过最小宽度的时候会auto。直接设置为width:auto , 并不能起到这个效果。