在日常的網頁開發中，我們經常使用表格來呈現數據。表格的設計不僅關乎數據的可讀性，也涉及到美觀和易用性。當我們需要調整表格中單元格間的距離時，通常會利用CSS進行修改。 首先，我們需要理解表格的基本結構。表格包括表頭、表身和表尾三部分，每個部分都由單元格組成。 接下來，我們可以通過CSS來修改單元格間距。通常有兩種方法，一種是通過修改表格的border-spacing屬性，另一種是通過設置單元格的padding屬性。 修改表格的border-spacing屬性：

p {
margin-top: 0;
margin-bottom: 0;
}
pre {
white-space: pre-wrap;
font-size: 14px;
line-height: 1.5;
background-color: #f7fafc;
border: 1px solid #e5e5e5;
border-radius: 4px;
overflow: auto;
padding: 10px;
color: #4a5568;
}
table {
border-collapse: separate;
border-spacing: 10px;
}
td {
border: 1px solid #ddd;
padding: 5px;
}

在上述代碼中，我們設置了表格的border-collapse屬性為separate，表示單元格的邊框不會合并在一起，而是會保持獨立狀態。然后，我們通過設置border-spacing屬性的值為10px來調整單元格間的間距。 修改單元格的padding屬性：

table {
border-collapse: collapse;
}
td {
border: 1px solid #ddd;
padding: 10px;
}

在上述代碼中，我們設置了表格的border-collapse屬性為collapse，表示單元格的邊框會合并在一起，并且通過設置單元格的padding屬性來調整單元格的大小和間距。 需要注意的是，當我們修改單元格的padding屬性時，也會影響單元格內部的內容大小和位置。因此，我們需要根據實際情況進行調整。 總之，通過修改表格的border-spacing或單元格的padding屬性，我們可以靈活地調整表格中單元格的間距，從而達到更好的數據可讀性和美觀效果。