使用CSS使表格的外框颜色与单元格的边框颜色不同
我要使用CSS设置表格外边框的颜色. 则内部单元格将具有不同的边框颜色. 我创建了如下内容： table { border-collapse:collapse; border: 1px solid black; } table td { border: 1px solid red; } 问题是，表的颜色改变并变为红色，如您在此处所见：http://
..
css-tables相关内容
具有 Rowspan 悬停和斑马效果的表格
我正在尝试创建一个具有行跨度、斑马纹效果并在悬停时突出显示该行的表格.我有点得到它的工作，但不完全. 应该是这样的:http://codepen.io/chriscoyier/pen/wLGDz 加上行上的斑马效应.不幸的是，使用 jQuery 或 CSS 的斑马效果对我不起作用，因为如果我这样做，悬停时线条不会改变. 有什么建议吗? 解决方案 这是 tbody 的工作.至少早
..
IE:使用奇数/偶数的 nth-child() 不起作用
我的表格(在 Chrome、FireFox 和 Opera 上完美运行)在 Internet Explorer 上显示不正确. 背景保持白色！(我使用的是 IE-8) CSS 代码: /*我的桌子*/.my_table{边框折叠:折叠；字体:普通 14px sans-serif，tahoma，arial，verdana；边距:5px 0；}.my_table th{颜色:#fff;背
..
如何强制在 css 表之间留出空间(响应式网页)
我有一个 CSS 表格，我想在单元格之间留出空间，但不要在第一张图片的左侧和最后一张图片的右侧. 这是我所拥有的截图: 这是我想要的截图: 当前的 HTML 是:
..
响应式表格，智能方式
我有一个包含数据的表.表格数据.它看起来像这样. 参见这个小提琴. 现在我想要的是，当它显示在更窄的屏幕上时，表格看起来像这样，这样你就不会得到水平滚动条并保持相同的视觉结构: (或者如果你愿意，比如这个小提琴.) 现在我的问题是，你是怎么做到的?我更喜欢只使用 CSS 的方式，但到目前为止，我还没有设法只使用 CSS 来做到这一点.(第二个小提琴包含 rowspan 属性
..
为什么 flex-box 与 div 一起工作，而不是一个表格?
以下简单的代码片段会生成一个占据可用屏幕空间的单个网页，顶部有一个页眉，底部有一个页脚，主要内容尽可能多地占用空间(用虚线边框来表示)使其更易于查看): html, body {宽度:100%；高度:100%；边距:0；填充:0；}身体 {显示:弹性；弹性流:列；}h1，小{弹性:0 1 自动；}div {弹性:1 1 自动；边框:1px 虚线；}
一些标题
..
特定表格行的 CSS
我有一张这样的桌子: 示例文本
示例文本 示例文本
示例文本
示例文本 示例文本
我想仅使用 CSS 隐藏表格中的第二行和第三行.此表是预定义的，因此我无法使用 id 或 class 标签来指定要设置样式的行，我正在寻找一
..
无论内容如何，将表格单元格锁定为其默认大小
如果我有
和 表{ 宽度:100%；高度:100%；} 每个单元格占据表格的四分之一，表格会拉伸以适应窗口. 如何防止这些表格单元格调整自身大小以适应单元格内的内容(同时仍然适合表格的容器)? 解决方案 您可以尝试 table-layout:fixed; - 这将
..
具有流体高度的表格行跨度的 CSS 等效项
这是一些示例文本.以及一些额外的示例文本.
..
在 jQuery 数据表中指定固定的列宽
我正在尝试为 jQuery 数据表中的几列指定固定宽度.我试图通过数据表文档中指定的列定义来实现这一点，但列和列标题仍然获得自动调整大小. 这是我一直在使用的 jsFiddle:jsFiddle JavaScript: var table = $('#example2').DataTable({“标签索引":8，"dom": 'lp',“bF
..
溢出:滚动；在<td>
为什么 CSS 属性 overflow:scroll; 在 中不起作用，而 overflow:hidden; 效果很好? 10000000000000000000000000000000000 200 300
来自 CSS 规范1,2，我不明白为什么
..
在 colgroup 中使用文本对齐中心
我的页面中有一个表格，我使用 colgroups 以相同的方式格式化此列中的所有单元格，适用于背景颜色和所有内容.但似乎无法弄清楚为什么 text-align center 不起作用.它不会将文本居中对齐. 示例:
..
如何应用 CSS 分页符来打印包含大量行的表格?
我的网页中有一个动态表格，有时会包含很多行.我知道有 page-break-before 和 page-break-after CSS 属性.如果需要，我应该将它们放在我的代码中的什么位置以强制分页? 解决方案 您可以使用以下内容: 表 { 分页符内:自动 }tr { page-break-inside:避免；分页后:自动 } 有关详细信息，请参阅 W3C 的CSS 打印配置
..
IE 显示:表格单元格子忽略高度:100%
我需要动态建一个表来保存一些数据. 我遵循了将 div 与 display: table、display: table-row 和 display: table-cell 一起使用的常用方法: .tab {显示:表；高度:100%；宽度:200px；}.排 {高度:100%；显示:表格行；}.elem {边框:1px纯黑色；垂直对齐:顶部；显示:表格单元格；高度:100%；背景:蓝色；}.
..
滚动时如何锁定表格的第一行和第一列，可能使用 JavaScript 和 CSS?
当您激活“冻结窗格"时，如何创建一个第一行和第一列都被锁定的表格，就像在 Excel 中一样?我需要表格水平和垂直滚动(存在很多解决方案，但只允许垂直滚动). 因此，当您在表格中向下滚动时，第一行将保持不变，因为它将具有列标题.这可能最终会出现在 thead 中，也可能不会，无论使解决方案更容易. 向右滚动时，第一列保持不变，因为它包含行的标签. 我很确定这仅靠 CSS 是不可能
..
使用 CSS 的等高列
我想为我的 css 表使用百分比.不幸的是，它对我不起作用. 这段代码有什么问题?我应该使用 flexbox 而不是 table 吗? 我想使用表格，因为我想要相同高度的列. ul {列表样式:无；边距:0；显示:表；表格布局:固定；宽度:100%；}李{宽度:50%；显示:表格单元格；} 1
2
3
4
..
Firefox 无法处理“display:table-cell"中的绝对定位?
我需要两列等高，所以使用了 display:table.到目前为止一切顺利. 然后我需要将链接排列在表格单元格的底部，所以选择了绝对定位. 看起来很完美，除了在 Firefox 中，链接不受“位置:相对"表格单元格的约束.有没有办法欺骗 Firefox 使其正确显示? 演示: http://jsfiddle.net/andy_lamb/C7qpX/ HTML:
..
Firefox 无法处理“display:table-cell"中的绝对定位?
我需要两列等高，所以使用了 display:table.到目前为止一切顺利. 然后我需要将链接排列在表格单元格的底部，所以选择了绝对定位. 看起来很完美，除了在 Firefox 中，链接不受“位置:相对"表格单元格的约束.有没有办法欺骗 Firefox 使其正确显示? 演示: http://jsfiddle.net/andy_lamb/C7qpX/ HTML:
..
CSS将鼠标悬停在表格上时更改表格中特定单元格的背景颜色
我有一个包含三列的表.我希望能够将鼠标悬停在第三列时仅更改其格式. 我希望能够合并 td:nth-child(3){background-color:#ddd;} 和 td:hover {background-color:#ddd;} 我该怎么做? 解决方案 我认为这就是您所追求的. td:hover:nth-child(1){backgrou
..
如何使图像大小适应HTML表格中的行高
我正在尝试制作一个强大的html签名以在Thunderbird中使用.健壮的意思是，它不仅必须在Thunderbird中，而且在我将邮件发送到的其他邮件客户端中都必须看起来正确.例如，我使用Gmail进行了测试. 布局非常简单，就像这样: 最好的问候 |皮卡·格罗贝拉(Pieka Grobbelaar) |082111 0000
..