css-tables相关内容

使用div或表来包含链接列是否更好?

我的页面底部有3列链接。每列都放入一个div中,所有三个div都被包装成一个以页面为中心的大div。这是一个更适合表格的东西,还是一个表格错误的工作元素? 解决方案 你也可以使用 & ; 这个。 #horizo​​ntal { 宽度:100%; 背景:#eee; float:left; } #horizo​​ntal ul { list-s ..
发布时间:2019-06-13 13:52:13 前端开发

CSS Alternate Rows - 隐藏了一些行

我正在尝试设置一个表格,以便每一行都是不同的颜色(奇数/偶数)。我有以下CSS: #woo tr:nth-​​child(even)td { background-color: #f0f9ff; } #woo tr:nth-​​child(odd)td { background-color:white; } 然而,我的一些行可以隐藏,我仍然喜欢要交替的行。 ..
发布时间:2019-06-06 05:32:06 前端开发

背景只在网站布局的一侧重复,内容居中?

如何仅在网站布局的一侧无限重复背景颜色/图像并保持内容居中? 最佳方法似乎是表格因为它甚至可以在IE6中工作,但有没有一种方法可以在没有表格和javascript的情况下完成这项工作并至少在IE7 +中工作? 使用divs / display的方法:表格在IE中根本不起作用, * { 保证金:0; 填充:0; } ..
发布时间:2018-08-22 09:49:00 前端开发

(响应)表格宽度不适合ios safari中iframe内的容器

我在iPhone的游戏中遇到iframe内部渲染表的问题。 以下是示例: http://jsfiddle.net/qb86ojms/ 如果你在桌面浏览器(体积较小)或android chrome上运行它,它运行良好。该表不会超过其容器。 但是,在iphone上,它无法正常工作。 P.S。创建此响应表的方法只是我在谷歌上找到的一个例子。我使用它只是因为我更容易显示我遇到的问题。我实 ..
发布时间:2018-07-16 12:55:08 移动开发

将表格内容围绕多行的浮动div进行包装

我的页面部分路径我有一个包含两列和多行的表格,每个表格都包含不同数量的动态生成的文本。 我想浮动一个div(固定大小),以便跨越右上角可能需要的第二列的行数,并根据需要用文本行包围它。 因此,例如,如果div的底部在第三行中间,那么该行中的文本应该围绕div的左边缘和底部边缘。 我希望这是有道理的。任何人都可以请帮忙吗? ..
发布时间:2018-06-29 14:54:28 前端开发

分页符后重复表格标题

打印HTML表格时,可以使用CSS强制在分页符后再次显示表格的标题行。这种风格: @media print { thead {display:table-header-group; } } 结果为: 标题 ------------- Col1 | Col2 ------------- Data1 | Data2 Data3 | Data4 ..
发布时间:2018-06-25 18:55:54 前端开发

删除div表的底部边框

我试图在div表格中显示一些图像,但我一直在每个图像的底部获取边框。大约2-5个像素。 我会发送图片,但我是新用户。 我想删除这个边框。 图片完全是52 x 10。 我只在IE8中使用这个应用程序。 edit :I做了一个更大的布局 - 我只是将代码编写成了我遇到的单个问题,即表格底部的边界。 / * tables * / .WorkFlowTableSt ..
发布时间:2018-06-25 18:35:40 前端开发

居中使用CSS的宽度相等的表格式布局?

这行按钮应该居中在页面上在网页上,我有一排提交按钮。 li> 每个按钮应该与最宽按钮一样宽(即没有固定/硬编码的按钮宽度)。 这很容易通过 来完成,但是当人们一直告诉我那些对你不好时,我想知道这是否可以用CSS来完成。所以,我已经尝试了 display:table 和 table-cell CSS类,但是按钮没有得到等宽,或者最长的按钮的标题被​​剪切: .butt ..
发布时间:2018-06-25 18:12:18 前端开发

如何用css风格化递归目录?

我试图在html中使用来自node.js服务器的json数据进行递归目录显示,并将其用作 dustjs-linkedin 模板。数据包含如下结构: { “isDirectory”:true, “path “:”“, ”name“:”“, ”files“:[ { ”name“:”Light House.jpg“, ” filename“:”Light%20House.jpg“, ”path ..
发布时间:2018-06-24 19:26:05 前端开发

由于box-shadow不能用于显示:表格行元素,我怎样才能模拟表格并在伪行元素上使用box-shadow?

已经确认,无法通过某种方式将 box-shadow 添加到 display:table-row 元素中这与所有主流浏览器兼容。由于令我不解的原因,一行不能作为一个组的样式,这意味着您不能将 box-shadow 添加到 display:table ,只能将它添加到单独的 display:table-cell 元素中,然后在单元格之间创建垂直阴影我不想要。 那我该如何模仿一张表,从而伪表的所有 ..
发布时间:2018-06-23 16:22:52 前端开发

处理表中的溢出

如果我有这样一个非常简单的例子: table { table-layout:fixed ; width:300px; } .td1 { width:100px; } .td2 { width:200px; } 和我的一个 .td2 包含一个图像,可以说, 300px 在 width 中。我想显示滚动条以允许用户滚动查看。然而,我不认为这是可能的 ..
发布时间:2018-06-22 20:47:44 前端开发