在HTML表中删除列之间的空格可以通过以下步骤实现:
border-collapse
属性将表格的边框合并,使用border-spacing
属性来设置列之间的间距。例如:<style>
table {
border-collapse: collapse;
border-spacing: 0;
}
</style>
<script>
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
for (var j = 0; j < cells.length - 1; j++) {
cells[j].innerHTML = cells[j].innerHTML.trim();
}
}
</script>
请注意,上述代码中的myTable
应该替换为你实际使用的表格的ID。
这样,当页面加载时,CSS样式或JavaScript代码将会删除表格中列之间的空格,使表格更加紧凑和整洁。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云