html中table表格的内容水平和垂直居中显示

要让HTML表格中的内容水平和垂直居中显示，可以通过CSS样式来实现。

1. 水平居中：

2. 方法一：使用text-align属性

使用text-align属性可以将表格中的内容水平居中显示。将text-align属性设置为“center”即可实现，示例代码如下：

<table style="width:100%">
  <tr>
    <td style="text-align:center">内容1</td>
    <td style="text-align:center">内容2</td>
    <td style="text-align:center">内容3</td>
  </tr>
</table>

• 方法二：使用margin属性

使用margin属性可以将表格中的内容水平居中显示。将margin属性设置为“auto”即可实现，示例代码如下：

<table style="width:100%">
  <tr>
    <td style="margin:auto">内容1</td>
    <td style="margin:auto">内容2</td>
    <td style="margin:auto">内容3</td>
  </tr>
</table>

1. 垂直居中：

2. 方法一：使用vertical-align属性

使用vertical-align属性可以将表格中的内容垂直居中显示。将vertical-align属性设置为“middle”即可实现，示例代码如下：

<table style="width:100%;">
  <tr>
    <td style="vertical-align:middle;">内容1</td>
    <td style="vertical-align:middle;">内容2</td>
    <td style="vertical-align:middle;">内容3</td>
  </tr>
</table>

• 方法二：使用line-height属性

使用line-height属性可以将表格中的内容垂直居中显示。将line-height属性设置为表格高度即可实现，示例代码如下：

<table style="width:100%;height:50px;line-height:50px;">
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
  </tr>
</table>

以上就是HTML表格中的内容水平和垂直居中显示的完整攻略，并且提供了两种示例代码。需要注意的是，以上的示例代码都是直接应用在HTML标签中的，实际使用中应该使用CSS样式表来管理样式。