我不明白为什么我的 colspan 不工作。我有一个 CSS 解决方案,但我只是困惑为什么这行不通。 第一列的宽度应为其他列的 1/3,第一列和 td 上有 colspan="1",而所有其他列的宽度均为 colspan="3"。
该应用程序用于排行榜,因此第一列将包含排名编号(1、2、3...),并且需要比后续列窄得多。
当然可以用 class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 或任何数学结果...但是,我真的只是想知道发生了什么。
添加详细信息,因为我认为这个问题将来会对某人有所帮助:
当时,我认为我可以使用 colspan 作为相对单位,本质上是通过使每列的宽度相对于其他列。我遇到的问题是每列都有完全相同的单位。它仅适用于列中的单个单元格,本质上类似于 Microsoft Excel 中的“合并”功能。
| th1 colspan1 | th2 colspan3 | th3 colspan3 | th4 colspan3 | th5 colspan3 | th6 colspan3 | th7 colspan3 | th8 colspan3 | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| td1 colspan1 | td2 colspan3 | td3 colspan3 | td4 colspan3 | td5 colspan3 | td6 colspan3 | td7 colspan3 | td8 colspan3 | ||||||||||||||
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
感谢@Ouroborus,我以为我疯了,但在每天使用 HTML 近十年之后,显然仍然有东西需要学习。
如果列中的所有单元格都设置为相同的要跨越的列数,则 colspan 将不起作用,如此处定义:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td
再次感谢Ouroborus发现了我的误解!