开发者社区> 问答> 正文

table标签内的td、th如何设置固定宽度,而不是自适应?

效果:遇到一个问题,想用table展现一个表格。因为是手机应用页面,且列数不固定。当列数太多,超出屏幕时,tbody内可以横向滑动。

意外:但发现td设置了width。但是不会起作用,而是根据屏幕宽度自动平分了宽度。比如100px,5个td。每个自动设成了20.
screenshot

展开
收起
杨冬芳 2016-06-08 11:40:41 10698 0
1 条回答
写回答
取消 提交回答
  • IT从业
    table{
        min-width: 100%;
    }
    td{
        min-width: 100px;
    }
    .table-container{
        overflow:auto;
        display: block;
    }

    html

    <div class="table-container">
        <table>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                ......
            </tr>
        </table>
    </div>
    2019-07-17 19:31:34
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载