css-tables相关内容

为什么将表格行元素的位置从“静态”更改为“绝对”返回到“静态”会导致永久高度更改?

display:table-row div与 height:75px 嵌套在 display:table div with height:100px 子项的高度为 100px 最初与 position:static 通过改变位置的子元素绝对,然后返回到 static ,子元素的高度永远从 100px 到 75px 。 只有当父元素是一个表,并且子表是行表和时,才会出现它显然只在W ..
发布时间:2018-06-21 17:52:09 前端开发

我如何防止空白的最后一页?

我遍历一系列对象。每次迭代时,我都会构建并填充一个包含单个页面内容的表。 我使用CSS在每个表后添加分页符。 table {page-break-after:always; } 这很好,除了我总是得到一个空白的最后一页。我假设这是由于最后一次迭代应用分页符。 我试过了。 table {page-break-after:always; } ta ..
发布时间:2018-06-21 12:19:55 前端开发

如何(以及为什么)使用display:table-cell(CSS)

我有一个拥有非常活动背景的网站(我在这里用动画说了大约6个不同的z-索引)。我想在前台有一个内容,但想要一个“窗口”直到它的背景。我遇到的一些问题: 你不能在背景中“打洞”,所以... 我构建了一个包含div的程序,我们称之为“srminfo” ,“左”,“窗口”,“右”和“底部” 顶部,左侧,右侧,底部都有不透明的白色背景 而srminfo和窗口div有background:n ..
发布时间:2018-06-20 16:25:17 前端开发

为什么它的行为与max-width:0一样?

请参阅 http://jsfiddle.net/mpx7os95/14/ 行为是所需的行为,它允许3列布局中的中心列占用所有可用空间,并且在收缩足够的时候仍然允许其中的文本溢出到省略号中。这似乎是因为 max-width:0 ,但为什么产生这种效果? 在这种情况下, max-width:0 有什么特别之处? .row {width:100%; display:table;}。c ..
发布时间:2018-06-19 19:47:40 前端开发

HTML电子邮件 - TD悬停以更改背景色不起作用

我的codepen: http://codepen.io/leongaban/pen/iJBrn 请注意,这不是一个普通的网页,我正在构建一个HTML电子邮件,但是对于现代浏览器/电子邮件客户端,最好有一个简单的翻转颜色(无javascript)。不知道为什么我的悬停不起作用。 我使用从目前发现的其他TD悬停堆栈溢出问题中找到的代码。 td.blue-button:hover ..
发布时间:2018-06-12 19:33:03 前端开发

覆盖第一个单元格悬停的表格单元格

我创建了一个表格列表。当用户悬停第一个带有3个点编辑和删除选项的单元格时,会显示一个透明背景。 当内容单行时,一切正常。 问题出在内容更多时。叠加的高度不调整。我试过 top:0;底部:0;高度:100%到 .action 它覆盖整个表格。 body {margin:0} .table {display:table;宽度:100%; border-bottom:1px soli ..
发布时间:2018-06-12 19:32:09 前端开发

表与行间盘旋和斑马效应

我正在尝试创建一个具有行间距,斑马效果的表格,并突出显示悬停时的行。我有点工作,但并不完全。 它应该是这样的: http://codepen.io/chriscoyier/pen/wLGDz 加上行上的斑马效果。不幸的是,使用jQuery或CSS的斑马效果不适用于我,因为如果我这样做,线条不会在悬停时更改。 有什么建议吗? 解决方案 http://codepen.io/an ..
发布时间:2018-06-12 19:21:51 前端开发

滚动时可能会使用JavaScript和CSS来锁定表的第一行和第一列?

如何创建一个表的第一行和第一列都被锁定,如在Excel中,激活“冻结窗格”时?我需要桌面水平和垂直滚动(很多解决方案存在,但只允许垂直滚动)。 所以,当你在表中向下滚动,第一行将保留put,因为它将有列标题。这可能最终会在 thead 中,否则可能无法使解决方案更容易。 当你向右滚动,第一列保持放置,因为它包含行的标签。 我很确定这是不可能的CSS,但任何人都可以指出我向Java ..
发布时间:2017-09-03 17:07:34 前端开发

在自举模式中单击上一个和下一个保留复选框选择

我有一个引导模态,其中包含一个用户表。 我可以从表中选择一个用户,点击“保存”,显示所选用户的详细信息。 我在模式的表格中每页显示10个用户。 但是,如果我从第1页选择任何用户,然后单击下一步从第2页选择一些用户,然后单击“保存”,我的第1页的选择不会保留。 我的意思是,当我点击下一个或上一个时,第1页上的复选框被清除。 如何在我的复选框上保留此选择,即使我在任何页面上点击下一页或上 ..
发布时间:2017-07-22 14:48:12 其他开发

3列,中间一个宽度灵活

我想要一个由三个相邻div组成的布局。边div有静态宽度(可能通过javascript更改),中心div填充剩余区域。当第一个div的大小改变时,它只影响中心的一个。它类似于由三列组成的表(动态渲染)。 好,但问题在哪里。 问题是,如果我把浮动左div放入第一列,块div在第二和第三个,块div的行为以奇怪的方式。它们显示在第一列浮动div下面的列中。 一个例子。 在第一和第二列中 ..
发布时间:2017-02-21 13:51:08 前端开发

css table-cell,内容有不必要的上边距

我在我的代码中使用div块的表单元格排列。在我的代码中有一个问题。 预览我的html外观是如何这里 当我在第一个面板中有任何内容(文字或图片)时,第二和第三个面板的内部 div具有大约10-15个像素的顶部边距。为什么呢? 任何一个看起来,让我知道我失踪了什么。 解决方案 在中添加 vertical-align:top; div 查看演示: http://jsbin ..
发布时间:2017-02-19 19:33:33 前端开发

CSS表的行高度不均匀

我试图使用css表创建一个4x4的内容数组。细胞应该尺寸均匀。我得到了解决离开父div的单元格。但是,这破坏了细胞的高度。 这里有什么问题?所有的行都应该是容器的25%,单元格继承。似乎发生的是第一行增长尽可能多,剩下的三个根据内容缩放...为什么? ..
发布时间:2017-02-17 00:14:23 前端开发

一个CSS表在并行div之一

在网页上,我有一个容器div,里面有两个div。在第一个内部div我试图设置一个CSS表有4列均匀填充div。 我遇到的问题是,单元格似乎得到它们相对于页面宽度的宽度,而不是表/它的父div。如果我将宽度从25%降低到更低的值,它将适合,但如果我缩放页面,它们将仍然包装,因为右边的div命中最右边的表格单元格。 $ b ..
发布时间:2017-02-17 00:10:42 前端开发