Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >表-表尾-组和表头-组不采用表的宽度

问表-表尾-组和表头-组不采用表的宽度
EN

Stack Overflow用户

提问于 2014-04-29 06:15:03

回答 2查看 3K关注 0票数 1

首先，我正在做一个响应式的网站，布局有点复杂。我在一个表中有两列。客户端需要最后一列在手机上，第一列在最后。

我使用了table-header-group和table-footer-group。父表采用Container的宽度，但列不采用表的宽度。

请在这里找到附件中的图片。

您可以在图像的最后部分看到表的宽度，但该列没有采用该宽度。

谁知道如何根据表格来确定列的宽度。

请找到下面的HTML

<div class="col1">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td class="colA">
            <img src="https://cdn4.iconfinder.com/data/icons/redis-2/467/Redis_Logo-256.png" />
        </td>
        <td class="colB">
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
        </td>
    </tr>
</table>

这里是Demo Fiddle

responsive-design

EN

回答 2

Stack Overflow用户

发布于 2015-09-24 10:28:13

将display:table和width:100%添加到父tr以使列全宽。

<div class="col1">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr style="display:table;width:100%;">
        <td class="colA">
            <img src="https://cdn4.iconfinder.com/data/icons/redis-2/467/Redis_Logo-256.png" />
        </td>
        <td class="colB">
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
            <img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/32/Paypal.png" />
        </td>
    </tr>
</table>

请参阅fiddle

票数 1

EN

Stack Overflow用户

发布于 2014-04-29 09:57:31

不要用桌子。相反，将"column 2“向右浮动(取决于您如何定义列的宽度)，或者将"column 1”向左浮动，或者给它一个与"column 2“宽度相同的右边距。对于移动端，只需去掉浮动和边距即可。

如果这不起作用，可以把相关的超文本标记语言和CSS张贴出来，最好是fiddle格式的。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23356899

复制

相关文章

Redis链表的表头、表尾和删除操作

在表头和表尾添加和删除操作的时间复杂度都为O(1)，因为只需要修改相应节点的指针即可。

一凡sir

2023/09/15

3120

Redis链表的表头、表尾和删除操作

表结法和账结法_我国采用表结法还是账结法

java https 网络安全

国内一些财务系统多采用账结法，这似乎比较符合中国式习惯。即：期末，损益类的虚账户的余额结转汇总到本年利润科目，最后账户无余额；资产负债类实账户结转余额到下一期间做为期初余额。而SAP系统使用所谓的表结法。比较一下这两种方法。

全栈程序员站长

2022/09/20

1.3K0

如何锁定表头和表行同时锁定_jquery表头固定列

前段时间需要这个功能，但是找了很多都不能完美的实现，不是只能锁定表头，就是浏览器兼容问题什么的，在此就自己做了一个锁定表头和列的js方法，依赖于JQuery。

全栈程序员站长

2022/09/20

2.5K0

如何锁定表头和表行同时锁定_jquery表头固定列

【自然框架】之通用权限（二）：人员表组

继续，这是第二章了。本来想在这一章里面介绍三个表组来着，但是我有点写不好的感觉，还是多分几章吧，这一章就只介绍人员表组。第二章到第五章主要是介绍表结构。我是习惯使用Excel来设计表，一开始的时候只能记录表名、字段名、字段类型、字段说明等信息，但是一直没能找到如何使用Excel来体现出来表之间的关系。前一阵子（好像是去年）突然想到了可以使用“图表”+图形（比如箭头）的方式来做表关系，第一章里的那几个图就是这么弄出来的，看着还凑合吧。至于为什么不用PowerDesigner来做，个

用户1174620

2018/02/08

7740

【自然框架】之通用权限（二）：人员表组

【自然框架】之通用权限（四）：角色表组

继续，这是第四章了。这里涉及到了资源方面的，不过有点绕，所以这里先介绍一下表结构，在后面的章节里面，再举例子详细介绍。通用权限想要写的文章目录：（这是第四章） 1、简介、数据库的总体结构 2、介绍人员表组 3、介绍组织结构表组 4、介绍角色表组 5、介绍“项目自我描述表组” 6、权限到节点 7、权限到按钮 8、权限到列表（表单、查询） 9、权限的验证 10、资源方面的权限 11、角色管理的程序（给客户用的） 12、权限下放 13、个性化设置 A、、【自然框架】之

用户1174620

2018/02/08

1.6K0

【自然框架】之通用权限（四）：角色表组

【自然框架】之通用权限（五）：项目描述表组

继续，这是第五章了。我发现了，写文章比写程序还要有难度。通用权限想要写的文章目录：（这是第五章） 1、简介、数据库的总体结构 2、介绍人员表组 3、介绍组织结构表组 4、介绍角色表组 5、介绍“项目自我描述表组” 6、权限到节点 7、权限到按钮 8、权限到列表（表单、查询） 9、权限的验证 10、资源方面的权限 11、角色管理的程序（给客户用的） 12、权限下放 13、个性化设置 A、【自然框架】之通用权限（外传）：杂谈项

用户1174620

2018/02/08

9330

【自然框架】之通用权限（五）：项目描述表组

六、Hive中的内部表、外部表、分区表和分桶表

hive mapreduce 云推荐引擎

在Hive数据仓库中，重要点就是Hive中的四个表。Hive 中的表分为内部表、外部表、分区表和分桶表。

润森

2022/08/18

2K0

六、Hive中的内部表、外部表、分区表和分桶表

【NOIP1999 普及组T1】 Cantor 表

原题导航：https://www.luogu.com.cn/problem/P1014

pai233

2022/01/12

3000

【NOIP1999 普及组T1】 Cantor 表

【自然框架】之通用权限（三）：组织结构表组

继续，这是第三章了。拖得有点长，但是我也是一边写，一边在想办法，想怎么做才能让资源权限也能通用起来。看大家的回复也给了我一些提示，我也在修改我的方案。原来打算用来解决一个人虽然在业务一部，但是却可以看业务一部、业务二部的客户信息的情况，但是仔细想了一下，这么做也不行。不过还好，我又找到了另一个方法来解决，而且可以让资源权限更加通用。不过这个详细的方法要放在下一章的角色表组里面来说明了。（这是写这篇之前的想法，写完之后想法又变了。）通用权限想要写的文章目录：（这是第三章） 1、简介、数据库的

用户1174620

2018/02/08

2.5K0

【自然框架】之通用权限（三）：组织结构表组

邻接表和逆邻接表

邻接表作为图的一种存储方式，在存储稀疏图上相对于邻接矩阵有相当大的空间节省。如一个稀疏图的顶点个个数为n，边数为e。用邻接矩阵存储需要n^2空间，而真正进行存储的只有2e个空间，剩下的n^2-2e都浪费了。但是对于邻接表来讲，存储空间只需要n+2e个，相对于邻接矩阵减少了很多。邻接表虽然在空间上有很大的优势，但是对于一个有向图，如果需要查找每个顶点的入度就需要遍历整个邻接表，在效率上很低下的。因此才有了逆邻接表的诞生。

lexingsen

2022/02/24

1K0

36 | 临时表和临时表

云数据库 SQL Server 编程算法数据库 sql

由于临时表只能被创建它的 session 访问，所以在这个 session 结束的时候，会自动删除临时表。也正是由于这个特性，临时表就特别适合我们文章开头的 join 优化这种场景，原因：

HaC

2020/12/30

1.9K0

TSQL–临时表和表变量

编程算法存储 https sql java

2. 表变量适用于数据较小的情况，表变量只能在定义时创建约束(PRIMARY KEY/UNIQUE)从而间接建立索引

全栈程序员站长

2021/11/29

7570

MYSQL 清空表和截断表

table truncate 索引

清空表只是清空表中的逻辑数据，但是物理数据不清除，如主键值、索引等不被清除，还是原来的值。

OwenZhang

2021/12/08

5.2K0

权限表和菜单表_sqlserver赋予用户表权限

https 网络安全

大家好，又见面了，我是你们的朋友全栈君。 select m.* from t_menu m where m.state = ‘1’ and ((menu_type = 1 and exists (select 1 from v_user_menu b where m.menu_id = b.menu_id and b.sys_id = ‘3000’)) or (m.menu_type = 0 and exists (select 1 from v_user_menu b where m.menu_id = b.parent_id and b.sys_id = ‘3000’))) start with m.parent_id = ‘0’ connect by prior m.menu_id = m.parent_id order siblings by menu_order

全栈程序员站长

2022/11/11

1.4K0

Hive 内部表和外部表

这里创建了表page_view,有表的注释，一个字段ip的注释，分区有两列,分别是dt和country。ROW FORMAT DELIMITED关键字，是用来设置创建的表在加载数据的时候，支持的列分隔符。不同列之间用一个\001分割,

大数据工程师-公子

2019/03/13

9830

hive 内部表和外部表的区别

大数据 hive html 存储

未被 external 修饰的是内部表（managed table），被 external 修饰的为外部表（external table）

Maynor

2022/05/08

1.3K0

hive删除表和表中的数据

hive删除表和表中的数据，以及按分区删除数据 hive删除表： drop table table_name; hive删除表中数据： truncate table table_name; hive按分区删除数据： alter table table_name drop partition (partition_name='分区名')

机器学习和大数据挖掘

2019/07/01

8.4K0

表的高级操作：倾斜表&事务表

hive sql 大数据

对于一列或多列中出现倾斜值的表，可以创建倾斜表（Skewed Tables）来提升性能。比如，表中的key字段所包含的数据中，有50%为字符串”1“，那么这种就属于明显的倾斜现象；于是在对key字段进行处理时，倾斜数据会消耗较多的时间。

十里桃花舞丶

2021/09/10

9030

【实战】将多个不规则多级表头的工作表合并为一个规范的一维表数据结果表

最近在项目里，有个临时的小需求，需要将一些行列交叉结构的表格进行汇总合并，转换成规范的一维表数据结构进行后续的分析使用。

Excel催化剂

2023/01/30

2.1K0

LC 1995. 统计特殊四元组（哈希表）

也可以使用哈希表，逆序遍历c，把每个d可能的数都存入哈希表中，然后判断a + b + c是否能在哈希表中找到对应的值。可以用数组代替哈希表

SakuraTears

2022/01/13

2640

LC 1995. 统计特殊四元组（哈希表）

相似问题

Div中的表头组和表尾组

20

表头组、表尾组属性在Chrome中不起作用

18

浮动表头和表尾

13

表头组透视表导出excel

119

cxgrid表视图中的表头组

21

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例