CSS中有很多屬性可以使盒子垂直對(duì)齊，下面是一些常見的方式：

1. display: flex;
align-items: center;
這是Flex布局，可以非常方便地進(jìn)行水平和垂直居中，將父元素設(shè)置為Flex布局，通過(guò)align-items屬性對(duì)子元素進(jìn)行垂直對(duì)齊。
2. display: table-cell;
vertical-align: middle;
這是一種表格布局的方式，使用display:table-cell使子元素變成表單元素，并使用vertical-align屬性進(jìn)行垂直對(duì)齊。
3. margin: auto;
這是一種比較簡(jiǎn)單的方法，使用margin:auto將上下外邊距設(shè)置成相等的，就可以將盒子垂直居中。
4. position: absolute;
top:50%;
transform: translateY(-50%);
使用絕對(duì)定位方式的盒子，可以使用top:50%將盒子的頂部與父元素的50%處對(duì)齊，然后使用transform:translateY(-50%)將盒子向上移動(dòng)自身高度的一半，就可以實(shí)現(xiàn)垂直居中。
5. line-height: 2;
height: 100px;
使用line-height屬性控制行間距，通過(guò)設(shè)置高度與行間距相等，就可以將盒子垂直居中。