现在有个需求,就是表格的列不固定,都是动态加载的,想给每一列设置宽度,但是设置 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. Python学习之==>内置函数、列表生成式、三元表达式

    一.内置函数 所谓内置函数就是Python自带的函数 print(all([0,2,3,4])) #判断可迭代的对象里面的值是否都为真 print(any([0,1,2,3,4])) #判断可迭代的对 ...

  2. 在GAE中用Python编写webapp进行Post数据采集

    #!/usr/bin/env python # -*- coding: cp936 -*- # # Copyright 2007 Google Inc. # # Licensed under the ...

  3. Jmeter中各种函数

    ${__functionName(var1,var2,var3)} 无参数时,可以直接写成${__functionName} Tips: 如果参数包含逗号,那么一定要使用 \ 来转义,否则 JMete ...

  4. 【ABAP系列】SAP ABAP DYNP_VALUES_UPDATE 更新屏幕字段的函数及用法

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[ABAP系列]SAP ABAP DYNP_VA ...

  5. Java中类和接口

    很形象的接口的使用——针对初学者 里氏代换原则是什么?听起来很高深,不过我们也不是什么学院派,就不讲大道理了,直接拿个例子来说一下. 我们拿人和程序员举个例子.人是一个大类,程序员是继承自人的子类.看 ...

  6. 基于 @Scheduled 注解的 ----定时任务

    最常用的方法@Scheduled 注解表示起开定时任务 依赖 <dependencies> <dependency> <groupId>org.springfram ...

  7. select count(*) 底层到底干了啥？

    作者:贾春生,http://dwz.win/myg SELECT COUNT( * ) FROM TABLE 是个再常见不过的 SQL 需求了. 在 MySQL 的使用规范中,我们一般使用事务引擎 I ...

  8. P1076寻宝

    ---恢复内容开始--- 这是2012noip普及组的一个模拟题,第一次得了50,看了题解后剪枝拿到100. N层楼,m个房间,逆时针排序.每个房间有一个指示牌,也可能有楼梯,找到第(上楼的第一个房间 ...

  9. 短信群发（Thinkphp内核）

    public function save(){ $id = I('id'); $Goods = M('message'); $info = $Goods->find($id); //就收数据 $ ...

  10. laravel框架之增刪改查

    <?php namespace App\Http\Controllers\admin; use Illuminate\Http\Request as request; use App\Http\ ...