Question

以HTML格式查看时，以下css表会在输出的第一行产生一组恼人的逗号。 css表定义中是否存在导致此行为的错误？（查看源代码不会显示任何逗号）。

<!DOCTYPE html><html><body>
<style type="text/css">
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
</style>
<table class="gridtable" Align=center>
<caption><b>test table</b></caption>
<tr>
<th>A</th><th>B</th><th>C</th><th>D</th><th>E</th><th>F</th><th>G</th><th>H</th><th>I</th><th>J</th></tr>
<tr><td></td><td></td><td></td>,<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td>,<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td>,<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td>,<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td>,<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</table>
</body></html>

Answer 1

你的桌子上有一些</td>,<td>。

多数民众赞成错误，逗号位于td标签之间，如果您想在表格中使用，则应为<td>,</td>，否则只需删除它们

Answer 2

你有一些流浪逗号（</td>,<td>）。因为它们在<td>标签之外，它们不会出现在表格中，它们只会漂浮在外面。

这是你的代码减去逗号：

<!DOCTYPE html><html><body>
<style type="text/css">
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
</style>
<table class="gridtable" Align=center>
<caption><b>test table</b></caption>
<tr>
<th>A</th><th>B</th><th>C</th><th>D</th><th>E</th><th>F</th><th>G</th><th>H</th><th>I</th><th>J</th></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</table>
</body></html>

Answer 3

在 </table> 的末尾插入：.replace(/,/g, "");

像这样：

</table>.replace(/,/g, "");

这是一个错误

HTML-Table开头的令人讨厌的逗号？

3 个答案: