在 Web 技术中垂直对齐是一种很常见的需求。比如，你希望将一些元素垂直居中，或者在某个父元素下方的固定位置显示。在布局中，水平对齐很简单，只需要设定 text-align: center 或者 float: left/right 即可实现。但是垂直对齐的情况下却没有这么简单。以下是实现垂直对齐的几种方式。
使用 display: table-cell
如果元素有确定的高度，可以将其 display 属性设置为 table-cell，同时将父元素设为 display: table。这种方法只适用于将元素居中或者处于下方的情况。
