在CSS中，您可以使用多種方法使兩個表格并列，以下是一種簡單的方法：
1、使用Flexbox：
Flexbox是一種CSS布局模式，它允許您輕松地將多個元素排列在一行中，您可以將兩個表格包裝在一個Flex容器中，并使用flex-grow屬性來分配它們的寬度。
```html
<div style="display: flex;">
<table style="flex-grow: 1; background-color: #f0f0f0;">
<tr>
<td>表格1</td>
</tr>
</table>
<table style="flex-grow: 1; background-color: #e0e0e0;">
<tr>
<td>表格2</td>
</tr>
</table>
</div>
```
在這個例子中，兩個表格將平均分配寬度，并在一行中顯示，您可以通過調整flex-grow值來更改它們的寬度分配。
2、使用Grid布局：
CSS Grid布局也是實現(xiàn)表格并列的一種有效方法，您可以將兩個表格放置在一個Grid容器中，并設置適當?shù)牧袛?shù)。
```html
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<table style="background-color: #f0f0f0;">
<tr>
<td>表格1</td>
</tr>
</table>
<table style="background-color: #e0e0e0;">
<tr>
<td>表格2</td>
</tr>
</table>
</div>
```
在這個例子中，兩個表格將平均分配寬度，并在一行中顯示，您可以通過調整grid-template-columns中的值來更改它們的寬度分配。
3、使用float屬性：
您還可以使用CSS的float屬性來使兩個表格并列，這種方法需要手動調整表格的寬度和間距。
```html
<table style="float: left; width: 50%;">
<tr>
<td>表格1</td>
</tr>
</table>
<table style="float: right; width: 50%;">
<tr>
<td>表格2</td>
</tr>
</table>
```
在這個例子中，兩個表格將左右排列，各占50%的寬度，您可以通過調整width屬性來更改它們的寬度分配，注意，使用float屬性時需要注意清除浮動，避免影響其他元素的布局。
這些方法都可以使兩個表格在CSS中并列顯示，您可以根據(jù)自己的需求和布局需求選擇***適合的方法。
