border-spacing: 2px;

border-spacing 属性用于设置表格单元格之间的空隙。它需要两个值，分别表示水平和垂直方向上的间距。例如，如果设置为 border-spacing: 2px，则单元格之间的水平和垂直间距均为 2 像素。需要注意的是，该属性只对具有 border-collapse 属性值为 separate 的表格有效。如果 border-collapse 属性值为 collapse，则不管设置 border-spacing 的值为多少，表格单元格之间都不会出现空隙。

相关问题

table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: gray; }

您提供的代码是用于设置表格的 CSS 样式。让我逐行解释每个属性的含义：

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: gray;
}

- `display: table;`：将元素作为表格显示，这是默认值，通常不需要显式指定。
- `border-collapse: separate;`：指定表格边框的合并方式为分离模式。默认情况下，相邻单元格的边框会合并为一条边框线，使用分离模式可以让相邻单元格的边框独立显示。
- `box-sizing: border-box;`：指定元素的盒模型为 border-box 模式，这意味着元素的宽度和高度包括内容区、内边距和边框的大小，而不会受到外边距的影响。
- `text-indent: initial;`：指定文本内容的缩进为初始值，通常为 0。
- `border-spacing: 2px;`：指定相邻单元格之间的间距为 2 像素。如果使用了 `border-collapse: separate;`，则可以使用 `border-spacing` 属性来控制单元格之间的间距。
- `border-color: gray;`：指定表格边框的颜色为灰色。这是一个简写属性，可以指定表格的四个边框颜色，也可以只指定一个颜色值应用于所有边框。

这些样式属性可以应用于 `<table>` 元素，用于自定义表格的外观和行为。请根据您的实际需求进行调整和使用。

CSS属性，增加单元格内的文本自动换行单元格高度自动调整， .scr-table { width: 80%; height: auto; margin-top: 30px; border-spacing: 0; text-align: center; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; table-layout: fixed; margin-left: 5%; margin-right: 5%; } .scr-table th { padding: 5px; background: #63a2e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-weight: 300; font-size: 6px; line-height: 15px; } .scr-table td { width: auto; padding: 5px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; white-space: nowrap; overflow: hidden; font-size: 6px; text-align: left; height: auto; } .scr-table tr { width: auto; height: auto; }

根据你提供的 CSS 代码，你想要实现单元格内文本的自动换行，并且希望单元格的高度能够自动调整。以下是对你的代码的建议修改：

.scr-table {
  width: 80%;
  margin-top: 30px;
  border-spacing: 0;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  table-layout: fixed;
  margin-left: 5%;
  margin-right: 5%;
}

.scr-table th {
  padding: 5px;
  background: #63a2e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 300;
  font-size: 6px;
  line-height: 15px;
}

.scr-table td {
  padding: 5px;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  white-space: normal; /* 修改为 normal */
  word-break: break-word; /* 添加此属性 */
  font-size: 6px;
  text-align: left;
}

.scr-table tr {
  height: auto;
}

这些修改会将 `white-space` 属性设置为 `normal`，使文本自动换行；并且添加了 `word-break` 属性，以确保长单词或 URL 在必要时进行断行。

希望这些修改能满足你的需求。如果还有其他问题，请随时提问。