css-tables相关内容
这是一个使用CSS Grid Layout创建的表格,但我遇到了问题,我无法在每一行上设置悬停状态。 我只想使用CSS。 任何人都可以为我提供解决方案吗? .table {display:grid; grid-template-columns:[col-start] auto [col-end]; grid-template-rows:[header-start] 50px [
..
display:table-row div与 height:75px 嵌套在 display:table div with height:100px 子项的高度为 100px 最初与 position:static 通过改变位置的子元素绝对,然后返回到 static ,子元素的高度永远从 100px 到 75px 。 只有当父元素是一个表,并且子表是行表和时,才会出现它显然只在W
..
目前我正在使用此代码创建Javascript中的动态表格,但我不知道如何将数据添加到此单元格中? 我是使用以下代码:
..
我遍历一系列对象。每次迭代时,我都会构建并填充一个包含单个页面内容的表。 我使用CSS在每个表后添加分页符。 table {page-break-after:always; } 这很好,除了我总是得到一个空白的最后一页。我假设这是由于最后一次迭代应用分页符。 我试过了。 table {page-break-after:always; } ta
..
我有一个拥有非常活动背景的网站(我在这里用动画说了大约6个不同的z-索引)。我想在前台有一个内容,但想要一个“窗口”直到它的背景。我遇到的一些问题: 你不能在背景中“打洞”,所以... 我构建了一个包含div的程序,我们称之为“srminfo” ,“左”,“窗口”,“右”和“底部” 顶部,左侧,右侧,底部都有不透明的白色背景 而srminfo和窗口div有background:n
..
我试图让文字位于右侧并垂直居中对齐图像。 我当前的代码:
..
请参阅 http://jsfiddle.net/mpx7os95/14/ 行为是所需的行为,它允许3列布局中的中心列占用所有可用空间,并且在收缩足够的时候仍然允许其中的文本溢出到省略号中。这似乎是因为 max-width:0 ,但为什么产生这种效果? 在这种情况下, max-width:0 有什么特别之处? .row {width:100%; display:table;}。c
..
我的codepen: http://codepen.io/leongaban/pen/iJBrn 请注意,这不是一个普通的网页,我正在构建一个HTML电子邮件,但是对于现代浏览器/电子邮件客户端,最好有一个简单的翻转颜色(无javascript)。不知道为什么我的悬停不起作用。 我使用从目前发现的其他TD悬停堆栈溢出问题中找到的代码。 td.blue-button:hover
..
我创建了一个表格列表。当用户悬停第一个带有3个点编辑和删除选项的单元格时,会显示一个透明背景。 当内容单行时,一切正常。 问题出在内容更多时。叠加的高度不调整。我试过 top:0;底部:0;高度:100%到 .action 它覆盖整个表格。 body {margin:0} .table {display:table;宽度:100%; border-bottom:1px soli
..
我正在尝试创建一个具有行间距,斑马效果的表格,并突出显示悬停时的行。我有点工作,但并不完全。 它应该是这样的: http://codepen.io/chriscoyier/pen/wLGDz 加上行上的斑马效果。不幸的是,使用jQuery或CSS的斑马效果不适用于我,因为如果我这样做,线条不会在悬停时更改。 有什么建议吗? 解决方案 http://codepen.io/an
..
看看这个小提琴(在Google Chrome中): http://jsfiddle.net/776uaj5b/1 /
..
这是我的CSS代码; #wrap { width:50em; 最大宽度:94%; margin:0 auto; background-color:#fff; } #head { width:50em; 身高:10em; 最大宽度:100%; margin:0 auto; text-align:center; position:relative; }
..
所有包含“table”(display:table ) __________________ | S | HEADER | |我| --------------- | | d | | | E |内容| | | _______________ | | | FOOTER | -------------------- SIDE 是表格单元格和标题,内容
..
如何创建一个表的第一行和第一列都被锁定,如在Excel中,激活“冻结窗格”时?我需要桌面水平和垂直滚动(很多解决方案存在,但只允许垂直滚动)。 所以,当你在表中向下滚动,第一行将保留put,因为它将有列标题。这可能最终会在 thead 中,否则可能无法使解决方案更容易。 当你向右滚动,第一列保持放置,因为它包含行的标签。 我很确定这是不可能的CSS,但任何人都可以指出我向Java
..
我有一个引导模态,其中包含一个用户表。 我可以从表中选择一个用户,点击“保存”,显示所选用户的详细信息。 我在模式的表格中每页显示10个用户。 但是,如果我从第1页选择任何用户,然后单击下一步从第2页选择一些用户,然后单击“保存”,我的第1页的选择不会保留。 我的意思是,当我点击下一个或上一个时,第1页上的复选框被清除。 如何在我的复选框上保留此选择,即使我在任何页面上点击下一页或上
..
我想要一个由三个相邻div组成的布局。边div有静态宽度(可能通过javascript更改),中心div填充剩余区域。当第一个div的大小改变时,它只影响中心的一个。它类似于由三列组成的表(动态渲染)。 好,但问题在哪里。 问题是,如果我把浮动左div放入第一列,块div在第二和第三个,块div的行为以奇怪的方式。它们显示在第一列浮动div下面的列中。 一个例子。 在第一和第二列中
..
我在我的代码中使用div块的表单元格排列。在我的代码中有一个问题。 预览我的html外观是如何这里 当我在第一个面板中有任何内容(文字或图片)时,第二和第三个面板的内部 div具有大约10-15个像素的顶部边距。为什么呢? 任何一个看起来,让我知道我失踪了什么。 解决方案 在中添加 vertical-align:top; div 查看演示: http://jsbin
..
这是我的布局:
....
..
我试图使用css表创建一个4x4的内容数组。细胞应该尺寸均匀。我得到了解决离开父div的单元格。但是,这破坏了细胞的高度。 这里有什么问题?所有的行都应该是容器的25%,单元格继承。似乎发生的是第一行增长尽可能多,剩下的三个根据内容缩放...为什么?
..
在网页上,我有一个容器div,里面有两个div。在第一个内部div我试图设置一个CSS表有4列均匀填充div。 我遇到的问题是,单元格似乎得到它们相对于页面宽度的宽度,而不是表/它的父div。如果我将宽度从25%降低到更低的值,它将适合,但如果我缩放页面,它们将仍然包装,因为右边的div命中最右边的表格单元格。 $ b
..