在HTML中，設(shè)置元素在父元素中垂直居中是一個比較常見的問題。下面介紹三種實(shí)現(xiàn)方式。

//第一種方式：使用flexbox
.parent {
display: flex;
align-items: center;
}
//第二種方式：使用absolute
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
//第三種方式：使用table
.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

以上三種方式都可以實(shí)現(xiàn)垂直居中。需要根據(jù)實(shí)際需要進(jìn)行選擇，比如需要考慮兼容性、瀏覽器支持情況等因素。