Html 匹配任意列宽并设置

我设置了以下HTML表格行：

 <col class="colname-c1 colwidth-7"></col>
 <col class="colname-c2 colwidth-75"></col>
 <col class="colname-c3 colwidth-16"></col>

这与我在excel中使用

concat

函数处理1-100的所有宽度一样，工作正常。但我得到的一些列宽如下：

<col class="colname-c1 colwidth-7.27%"></col>
<col class="colname-c2 colwidth-75.76%"></col>
<col class="colname-c3 colwidth-16.97%"></col>

---

这里我想知道是否有一种动态的方式来设置css宽度？这是因为我不确定有多少不同类型的列宽度，我需要创建大约290个表。请让我知道是否有一种动态创建css的方法。

首先，在我看来，它说它没有内容，本身也不能有宽度。唯一的目的是在单元格上“定义通用语义”。如果要设置表中列的宽度，必须通过（标题）单元格进行设置

继续实际问题：

我想知道是否有一种动态的方式来设置css宽度

这是可以做到的，但只适用于实际具有宽度的元素

查看页面。满足您的要求的一种方法如下：

.colwidth-7{colwidth-7%}
.colwidth-75{colwidth-75%}
.colwidth-16{colwidth-16%}

[class*="colwidth-75"] { width: 75%; }

这将选择具有包含字符串“colwidth-75”的类属性值的所有元素。请参见演示

AFAIK没有真正可靠的方法根据类名或任何类似内容动态设置宽度值。一些类似的/相关的技术可能会为您提供一些帮助，以及新模块（草稿阶段）

---

您还可以考虑使用客户端或服务器端脚本设置这些CSS属性，但如果可能的话，这可能取决于您的用例。

更新了问题，因为 Cale>代码>元素对于设置宽度不太有效。我还更新了使用

th

而不是

div

的方法，这样您就可以在表中产生效果。