#css td 內容行間距

CSS td 內容行間距是指對 HTML 表格中單元格的行距進行調整的一種方式。在 CSS 中，我們可以使用 `text-align: center` 和 `line-height` 屬性來調整單元格的行距。其中，`line-height` 屬性可以設置行高的值，而 `text-align: center` 則可以將單元格居中對齊。

讓我們來詳細解釋一下這些方法的具體用法。

## 1. `text-align: center`

`text-align: center` 屬性可以用于將一個單元格的文本居中對齊。例如，如果我們想要將表格中第一行的單元格的文本居中對齊，我們可以在單元格的樣式中使用 `text-align: center` 屬性。

```css

text-align: center;

在上面的代碼中，我們使用了 `text-align: center` 屬性來將單元格的文本居中對齊。這樣，單元格中的文本就會在表格中居中顯示。

## 2. `line-height`

`line-height` 屬性可以用于設置行高的值，從而調整單元格的行距。它有兩種取值方式：

- `line-height: 1;` 表示行高為單元格的字數。

- `line-height: height-of-container;` 表示行高為表格容器的 height-of-container。

例如，如果我們想要調整表格中所有單元格的行距，并且表格容器的 height-of-container 等于 100px，我們可以在單元格的樣式中使用 `line-height: 100px;` 屬性。

```css

line-height: 100px;

在上面的代碼中，我們使用了 `line-height: 100px;` 屬性來將單元格的行距設置為 100px。這樣，單元格中的文本就會在表格中居中顯示，并且所有單元格的行距都相等。

## 3. 表格行距

除了使用 CSS 中的方法調整單元格的行距外，我們還可以使用 HTML 表格中的行距屬性來調整表格的行距。

在 HTML 表格中，行距屬性的值是 `行距寬度`。例如，如果我們想要將表格中的所有單元格的行距寬度設置為 100 像素，我們可以在表格的樣式中使用 `border-collapse: collapse;` 屬性和 `行距寬度： 100px;` 屬性。

```html

<table>

<tr>

<td>單元格 1</td>

<td>單元格 2</td>

<td>單元格 3</td>

</tr>

<tr>

<td>單元格 4</td>

<td>單元格 5</td>

<td>單元格 6</td>

</tr>

</table>

在上面的代碼中，我們使用了 `border-collapse: collapse;` 屬性來將表格的行距設置為 100 像素，并設置了 `行距寬度： 100px;` 屬性來調整單元格的行距。這樣，表格中的所有單元格的行距都相等，并且表格中的所有單元格都被居中對齊。

通過以上介紹，我們可以了解到 CSS td 內容行間距和 HTML 表格行距屬性的作用和使用方法。我們可以使用這些方法來調整表格的行距，從而使表格更加美觀和易于閱讀。