在CSS中，我們可以使用多種方法將兩個(gè)框垂直居中，下面是一些常見的解決方案：
1、使用Flexbox：
Flexbox是一個(gè)強(qiáng)大的布局工具，可以輕松實(shí)現(xiàn)元素的垂直和水平居中，我們可以將兩個(gè)框包裹在一個(gè)使用Flexbox布局的元素中，并設(shè)置align-items: center;來實(shí)現(xiàn)垂直居中。
```html
<div style="display: flex; align-items: center; height: 100vh;">
<div style="width: 50%;">框1</div>
<div style="width: 50%;">框2</div>
</div>
```
2、使用CSS Grid：
CSS Grid也是一個(gè)非常強(qiáng)大的布局工具，支持復(fù)雜的元素排列和對(duì)齊，我們可以創(chuàng)建一個(gè)Grid容器，并使用align-content: center;來實(shí)現(xiàn)垂直居中。
```html
<div style="display: grid; align-content: center; height: 100vh;">
<div style="width: 50%;">框1</div>
<div style="width: 50%;">框2</div>
</div>
```
3、使用***定位和transform：
我們可以將兩個(gè)框包裹在一個(gè)相對(duì)定位的元素中，并使用***定位和transform來實(shí)現(xiàn)垂直居中。
```html
<div style="position: relative; height: 100vh;">
<div style="position: absolute; top: 50%; transform: translateY(-50%); width: 50%;">框1</div>
<div style="position: absolute; top: 50%; transform: translateY(-50%); width: 50%;">框2</div>
</div>
```
4、使用表格布局：
雖然表格布局不是現(xiàn)代Web開發(fā)的推薦方式，但在某些情況下，使用表格布局也可以實(shí)現(xiàn)垂直居中。
```html
<table style="height: 100vh; vertical-align: middle;">
<tr>
<td style="width: 50%;">框1</td>
<td style="width: 50%;">框2</td>
</tr>
</table>
```
選擇哪種方法取決于你的具體需求和布局環(huán)境，F(xiàn)lexbox和CSS Grid是***靈活和可維護(hù)的方式，而***定位和transform可以提供更***的控制，表格布局則適用于簡單的垂直對(duì)齊需求。
