我想在 html 表格中逐行總結(jié)彩色單元格。所以我必須設(shè)置匯總單元格，但它似乎有點(diǎn)錯(cuò)位。我想要的結(jié)果如下所示。有什么方法可以實(shí)現(xiàn)嗎？謝謝td {padding:5px;border:solid black 1px;}table {border-collapse:collapse;float:left; table-layout: fixed; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table><table style="margin-left:20px"> <tr> <td>yellow</td> <td>aqua</td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table>
1 回答
飲歌長(zhǎng)嘯
TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個(gè)贊
制作相同的表格結(jié)構(gòu)，并使用透明邊框。
還用于 保持單元格的高度。
#table1 tr:first-child td {
border-top: solid transparent 1px;
border-left: solid transparent 1px;
border-right: solid transparent 1px;
}
td {
padding:5px;
border:solid black 1px;
}
table {
border-collapse:collapse;
float:left;
table-layout: fixed;
width: 10rem;
height: 10rem;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
<table style="margin-left:20px">
<tr>
<td>yellow</td>
<td>aqua</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
- 1 回答
- 0 關(guān)注
- 123 瀏覽
添加回答
舉報(bào)
0/150
提交
取消