设置table中的宽度不随文字改变让其固定(源码分享)

时间:2018-11-21
本文章向大家介绍设置table的td宽度,不随文字变宽 ,需要的朋友可以参考一下
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 , 并不能起到这个效果。