HTML5 Colspan - 替代方案[关闭]

2023-11-21

我在 HTML 的 td 标签之一中使用“colspan”。我不想在 HTML 中使用“colspan”。但我仍然需要实现“colspan”所实现的功能。有什么办法可以实现这一点吗?


的效果colspan可以使用带有虚拟空单元格的表格进行模拟<td></td>用于要跨越的插槽,并绝对定位应跨越它们的单元。你需要一个相对定位的包装器div对于桌子,因为您不能直接将桌子作为定位的参考框架。

它变得相当难看,特别是因为您需要担心行高 - 因为使单元格绝对定位会使其脱离表格格式。您可以通过使用单元格内容的副本作为要跨越的虚拟单元格的内容来处理此问题。看jsfiddle.

它变得复杂,因此任何无法处理简单问题的软件colspan也可能无法处理这个问题(至少如果它负责渲染该文件)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 Colspan - 替代方案[关闭] 的相关文章

  • 检测 iframe 内容加载失败

    我可以使用以下命令检测 iframe 的内容何时加载load事件 不幸的是 就我的目的而言 这有两个问题 如果加载页面时出现错误 404 500 等 则永远不会触发加载事件 如果某些图像或其他依赖项加载失败 则会照常触发加载事件 有什么方法
  • Chrome 扩展程序中的后台脚本到底何时运行?

    在我的 chrome 扩展中 我有一个后台脚本 它将使用XMLHttpRequest note that this code is in the global scope i e outside of any function also n
  • 使用 easyXDM 调整 IFrame 大小

    我将 iFrame 代码提供给客户 以便他们可以显示我网站上的动态内容 我希望其页面上的 iFrame 能够调整大小以适合我的内容 我按照 easyXDM 网站的说明进行操作 但也许我遗漏了一些东西 我没有收到任何错误 但 iFrame 保
  • 如何获取数组中最后 5 个元素(不包括第一个元素)?

    在 JavaScript 数组中 如何获取最后 5 个元素 排除第一个元素 1 55 77 88 would return 55 77 88 添加其他示例 1 55 77 88 99 22 33 44 would return 88 99
  • 具有固定高度、自动宽度并保持比例的图像

    我有一个反应灵敏的ul列表 其中每个li是 50 ul宽度 每一个li 我有一个图像 我想要固定的高度和 100 的宽度 保持图像的比例 例如通过缩放 请问我该怎么做 ul width 100 li width 50 float left
  • 如何将 HTML 表格转换为 csv 格式?

    是否有 HTML 解析器或某些库可以自动将 HTML 表格转换为 CSV 数据行 Here is http www unix com shell programming scripting 45274 html table csv html
  • Relay 中的嵌套片段数据始终相同

    我是 Relay 新手 并且遇到了片段上嵌套数据的问题 当我在 graphiql 中进行测试时 以下查询返回正确的数据 因此我确信我的架构是正确的 viewer customers name billing address city 但是
  • 禁用任何类型的浏览器窗口滚动?

    有没有办法禁用滚动 不仅仅是滚动条 还有浏览器窗口的全部功能 根据您对 Keit 的回答 您不想在打开灯箱时滚动处于活动状态 如果是这种情况 您可以使用以下 css 在打开灯箱的同时向正文添加一个类 这个解决方案的好处是它保留了滚动 空间
  • Rxjs 可观察等待直到满足某些条件

    我有以下重试逻辑来重试操作 对于单个请求来说它工作得很好 对于多个正在进行的请求 我想在重试之前等待现有的重试逻辑完成 handleError errors Observable
  • 如何使用 selenium 获取 javascript 结果?

    我有以下代码 from selenium import selenium selenium selenium localhost 4444 chrome http some site com selenium start sel selen
  • Web浏览器控件:如何捕获文档事件?

    我正在使用 WPF 的 WebBrowser 控件加载一个简单的网页 在这个页面上我有一个锚点或一个按钮 我想在我的应用程序后面的代码中 即在 C 中 捕获该按钮的单击事件 WebBrowser 控件是否有办法捕获加载页面元素上的单击事件
  • 页面不会居中对齐

    我遇到了 CSS 问题 http www luukratief design nl dump parallax index html http www luukratief design nl dump parallax index htm
  • 如何在 OpenLayers 3 中删除监听器

    我做了一个copy https gis stackexchange com questions 178222 how to delete a listener in openlayers 3我在 stackoverflow 上提出的问题 因
  • 单击react.js 切换列表的背景颜色

    我正在尝试创建一个具有以下功能的列表 悬停时更改列表项的背景颜色 单击时更改列表项的背景颜色 在单击的元素之间切换背景颜色 即列表中只有一个元素可以具有 clicked 属性 我已经执行了 onhover 1 和 2 功能 但无法实现第三个
  • Tween JS 基础知识之三个 JS 立方体

    我是 Tween JS 的新手 尝试使用 Tween 制作一个向右移动的简单动画 下面是我在 init 函数中的代码 我使用的是三个 JS var geometry new THREE CylinderGeometry 200 200 20
  • 如何在 JavaScript 中设置/更新 String 对象的值

    我有一个具有一些属性的对象字符串对象 var obj foo new String bar 我在用字符串对象因为我需要在对象上存储额外的子属性 同时仍然能够获取字符串值 obj foo baz baz obj foo gt bar 我觉得问
  • nvd3.js - 无法更改折线图中线条的颜色

    我正在尝试更改 nvd3 折线图不同线条的颜色here http nvd3 org livecode index html codemirrorNav但我无法理解该怎么做 我想将示例中的 2 条线的颜色更改为绿色和青色 我试过 nv add
  • 我可以防止将 Leaflet 地图平移到世界边缘之外吗?

    有没有办法限制平移到世界边缘之外 在这幅画中 棕色是世界 灰色是虚空 我想让它不可能像这样平移 Leaflet 允许您控制地图抵抗被拖出边界的程度maxBoundsViscosity选项 值 0 到 1 将其设置为最大值会完全禁用拖动出界
  • Angular 5 中 Observable.ForkJoin 的重复 Http 请求

    我有一个 Angular 5 应用程序 组件中包含以下代码 ngOnInit Observable forkJoin this highlightedInsight this insightService getHighlightedIns
  • html5 canvas 使用图像作为蒙版

    是否可以使用具有形状的图像作为整个画布或画布内图像的蒙版 我想将图像放置在画布中 并在图像上添加蒙版 然后将其另存为新图像 您可以使用 source in globalCompositeOperation 将黑白图像用作蒙版 首先 将蒙版图

随机推荐

  • 使用什么原语来实现同步关键字?

    当我们使用synchronizedjava中的关键字 究竟使用哪个同步原语 Lock Semaphore Monitor Mutex EDIT JVM如何在本机级别实现锁 在字节码级别 java有monitorenter and monit
  • File.WriteAllText 不保留换行符

    这段代码的输出 string fileDateTime StepsGA DateTime Now ToString dd MM yyyy HH mm ss txt string fname System IO Path Combine Sy
  • 从 URL 获取 blob 并写入文件

    我试图fetch来自服务器的一些二进制数据 MP3 然后将其存储在文件中 var fs require fs var fetch require node fetch fetch audioUrl method GET headers Ac
  • 如何使用 google reader API 标记已读项目?

    我一直在为谷歌阅读器开发一个客户端 一切工作正常 除了我无法编辑条目以添加 加星标 和 已读 等标签 code google com p pyrfeed wiki GoogleReaderAPI 和 www niallkennedy com
  • 为什么在 django 设置中将 debug 设置为 false 会阻止 Heroku 应用程序在开发和生产中加载?

    在我的设置中我已经设置了DEBUG False但这反而在开发和生产中生成了 500 错误 所以我环顾四周 发现了这个 设置 DEBUG False 会导致 500 错误 并尝试了一下 ALLOWED HOSTS www heroku com
  • Python 类是否像其他语言一样支持事件?

    我正在开发我的第一个 Python 项目 并且我已经错过了课堂上的活动 也许它在Python中甚至不被称为事件 但我想在我的类中创建 组 可以向其中添加函数引用 在我的班级中的某个时刻 我的组中的所有函数引用都会执行 这是Python内置的
  • PHP JSON 大整数

    我正在使用 json encode 将我的 php 多维数组转换为输出 json 通常 此函数会将所有值转换为字符串 为了确保整数值作为整数值发送到 javascript 我使用数字检查 json json encode data JSON
  • UPDATE 查询后的 PDO rowCount() 可以显示“未进行更改”和“不存在的行”之间的区别吗?

    我正在使用 PDO 进行更新查询 我想知道我的更新查询是否没有更改数据库中的任何内容 因为 传递的值与数据库中已有的值相同 我知道rowCount 在这种情况下返回0 我尝试更新的行在数据库中不存在 据我所知 rowCount 在这种情况下
  • 如何知道窗口小部件在视口中是否可见?

    我有一个视图 其中包含Scaffold和一个单一的ListView在其主体中 列表的每个子项都是一个不同的小部件 代表视图的各个 部分 部分范围从简单的 TextView 到排列Columns and Rows 我想展示一个Floating
  • Sqlalchemy:从Scrapy项目动态创建表

    我正在使用 sqlalchemy 1 1 和 scrapy 我目前正在使用管道通过 sqlalchemy 将提取的数据存储在 sqllite 表中 我想动态创建一个表来容纳正在抓取的项目 我的静态管道元素如下所示 class SQLlite
  • NSXMLParserDelegate 编译问题 - iPhone SDK 30. vs 4.0

    我的头文件定义如下 import
  • 自动释放何时真正导致 Cocoa Touch 中的释放?

    我明白你需要小心autorelease在 iOS 上 我有一个返回对象的方法allocs 这是调用者需要的 所以在这种情况下 据我所知 我需要发送autorelease返回之前被调用者中的对象 这很好 但是一旦控制权返回到手机 即在处理了我
  • 如何使用 spring boot 和 Liquibase 变更集 yaml 文件访问系统属性

    使用 Liquibase 管理数据库架构更改的 Spring Boot Java 应用程序是通过指定其运行环境的参数 例如 dev int 启动的 有相应的属性文件 例如 dev properties int properties 它们定义
  • 签入时 Visual Studio 崩溃

    当我每次尝试签入挂起的更改时 我的 Visual Studio 2013 都会崩溃 我该如何解决 崩溃日志 System UnauthorizedAccessException Package SccProviderPackage fail
  • OpenCV 结构化边缘检测器的模型文件

    OpenCV实现结构化边缘检测基于基于随机森林的方法概述 用于快速边缘检测的结构化森林 2013 作者 P Doll r 和 C Zitnick 作者已发表Matlab 的实现还有一个用于Python 两者还包含基于 BSDS500 数据集
  • i18n 用于选择框

    我有一个名为 Role 的模型 我正在表单中使用下面的助手 有没有办法将 name 属性的值更改为另一种语言 语言环境 de yml de role admin something editor something something 在模
  • 请求的纹理大小 [0x0] 无效。当我在浏览器中加载图像时出错

    调用预测函数时浏览器中的 Tensorflow js 错误 我正在使用 Node js 来运行 web 应用程序 这是我包含的脚本 我正在 Chrome 中运行 Node js 但无法解决该错误 该项目有 7 个类作为输出 是形状为 1x7
  • 在 C# 中使用 REF 和 OUT 关键字进行按引用传递与按值传递

    到目前为止我的理解如下 价值传递 按值传递意味着传递参数的副本 对该副本的更改不会更改原始版本 通过参考 通过引用传递意味着传递对原始内容的引用 对引用的更改会影响原始引用 参考关键字 REF 告诉编译器该对象在进入函数之前已初始化 REF
  • 如何处理列表推导式中的异常?

    我在 Python 中有一些列表理解 其中每次迭代都可能抛出异常 例如 如果我有 eggs 1 3 0 3 2 1 egg for egg in eggs 我会得到一个ZeroDivisionError第三个元素例外 如何处理此异常并继续执
  • HTML5 Colspan - 替代方案[关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 我在 HTML 的 td 标签之一中使用 colspan 我不想在 HTML 中使用 c