許多網站中都需要使用到上下排列居中的效果，比如登陸框、垂直菜單等等。在css中，上下排列居中可以通過以下幾種方式實現。

/* 第一種方式：使用table布局 */
這里是要居中顯示的內容
/* 第二種方式：使用position和margin */
這里是要居中顯示的內容
/* 第三種方式：使用flex布局 */
這里是要居中顯示的內容

以上三種方法均可實現上下排列居中的效果，具體使用哪種方式取決于具體情況。需要注意的是，第一種方式是使用table布局，會增加頁面的復雜度和渲染時間，不建議在大量應用中使用；第二種方式需要使用到絕對定位和transform屬性，其兼容性不如其他方法。第三種方式是比較常用的方式，兼容性較好，同時代碼簡潔明了。