现在有个需求,就是表格的列不固定,都是动态加载的,想给每一列设置宽度,但是设置 width:100xp,没有效果,不过设置min-width:100px 就有效果了,table的宽度为 td的宽度和

            <div class="table-main">

                <table>

                    <thead>

                        <tr>

                            <th>昵称</th>

                            <th>昵称昵称昵称昵称昵称昵称昵称昵称昵称昵称昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                            <th>昵称</th>

                        </tr>

                    </thead>

                    <tbody>

                        <tr>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                            <td style="min-width: 100px">张三丰</td>

                        </tr>

                    </tbody>

                </table>

            </div>

表格 td 设置宽度无效问题的更多相关文章

  1. td 内容自动换行 table表格td设置宽度后文字太多自动换行

    设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;" 即可   ...

  2. 表格单元格td设置宽度无效的解决办法 .

    http://zzstudy.offcn.com/archives/11366 在做table页面时,有时对td设置的宽度是无效的,td的宽度始终有内部的内容撑开,可以设置padding,但直接设置w ...

  3. 微信小程序的button按钮设置宽度无效

    亲,你是不是也遇到了微信小程序的button按钮设置宽度无效.让我来告诉你怎么弄 方法1. 样式中加入!important,即:width: 100% !important; wxss代码示例 1 2 ...

  4. table表格 td设置固定宽度

    table宽度自适应,而且部分TD是固定宽度. 只需要将固定宽设死,留下一列不设置宽度,将table宽度设置为100%. table-layout:fixed 作用不是很清楚 <table wi ...

  5. 若块级元素被设置为 display: table-cell 便无法设置宽度

    工作中,遇到表格的单元格中的 div 设置宽度无效,后来是发现 div 被设置为 display: table-cell ,后将其修改为 display: block 则设置的宽度生效.

  6. 设置表格td宽度

      CSS布局,表格宽度不听使唤的实例.想把表格第一例宽度设为20,其他自适应.但CSS中宽度是等宽的.只设这一行也不起作用.但是在实际应用中总是等宽处理,并不按照样式来走. XML/HTML代码 & ...

  7. CSS设置表格TD宽度布局

    使用表格布局时,对单元格的宽度控制很伤脑筋,所以查阅资料整理如下: 一.表格布局table-layout 语法: table-layout : auto | fixed 取值: auto  : 大多数 ...

  8. layui 表格设置td的宽度

    layui 表格设置td的宽度, td{ min-width: 150px; max-width: 200px; } 超出长度隐藏 overflow: hidden; text-overflow: e ...

  9. UIWebView中加载HTML的Table,td设置百分比宽度并且宽度不被里面的内容撑开

    正常情况下,iOS使用WebView加载HTML的Table时,为了让Table适应屏幕宽度,会使用百分比设置td的宽度,但是由于td中的内容过多,td会被撑开,导致整个Table的宽度会变宽,超出屏 ...

随机推荐

  1. Stream介绍

    一.Stream介绍 现在有这样的需求:有个菜单list,菜单里面非常多的食物列表,只选取小于400卡路里的并且按照卡路里排序,然后只想知道对应的食物名字. 代码: package com.cy.ja ...

  2. 如何通过shell脚本或一行命令更改root密码？

    哪个能用就用哪个吧! 方法一, echo -e "newpwd\nnewpwd" | (passwd root) 方法二, echo "newpwd" | pa ...

  3. seaborn用heatmap画热度图

    原文链接 https://blog.csdn.net/m0_38103546/article/details/79935671

  4. 【Qt开发】如何将内存图像数据封装成QImage V1

    如何将内存图像数据封装成QImage 当采用Qt开发相机数据采集软件时,势必会遇到采集内存图像并进行处理(如缩放.旋转)操作.如果能够将内存图像数据封装成QImage,则可以利用QImage强大的图像 ...

  5. [Git] 021 来一颗“恶魔果实”？

    0. 前言 需要新的功能时,一般会新建一条 "feature" 分支(尴尬的是,我第一眼看时,看成了 "future") 在 "feature&quo ...

  6. Maven 项目中的groupId和artifactId

    maven进行项目管理,如果我们要将项目加入到maven到本地仓库中,则需要对项目进行唯一性标示,而groupId和artifactId就起到这样对作用. groupId为项目组织对唯一标识符,可以理 ...

  7. [CodePlus 2018 3 月赛] 博弈论与概率统计

    link 题意简述 小 $A$ 与小 $B$ 在玩游戏,已知小 $A$ 赢 $n$ 局,小 $B$ 赢 $m$ 局,没有平局情况,且赢加一分,输减一分,而若只有 $0$ 分仍输不扣分. 已知小 $A$ ...

  8. python查询mysql中是否存在某张表（传参）

    客户端输入了表的名字,服务端判断表是否存在. 参考:https://blog.csdn.net/qq_36523839/article/details/80639297 需要导入re模块: impor ...

  9. GitHub入门使用

    1.首先注册账号. 2.新建仓库. 3.安装GitBash 4.首先要在本地创建一个ssh key. $ ssh -keygen -t rsa -C "your email@.com&quo ...

  10. 【学习总结】快速上手Linux玩转典型应用-第1章-课程介绍

    课程目录链接 快速上手Linux玩转典型应用-目录 1. Linux有什么用 2. 课程安排 3. 课程收获 基本运维能力,等等 END